<template>
	<view style="background-color: #F1F2F4;padding-top: 40rpx;">
		<view class="middle" v-if="lang=='zh'">
			<view class="middle_title">
				<image class="title_left" mode="widthFix" :src='serverImageUrl("/static/images/service/title_left.png")'
					alt="" />
				<image class="title" mode="widthFix" :src='serverImageUrl("/static/images/service/title.png")' alt="" />
				<image class="title_right" mode="widthFix"
					:src='serverImageUrl("/static/images/service/title_right.png")' alt="" />
			</view>
			<view class="middle_title">
				<image class="title_ru" mode="widthFix" :src='serverImageUrl("/static/images/service/title_ru.png")'
					alt="" />
			</view>
		</view>

		<view class="middle" style="text-align: center;" v-else>
			<image src="/static/transformTitleRu.png" mode="widthFix" style="width: 607rpx;"></image>
		</view>


		<view class="center">

			<div class="tab-item" v-if="lang=='zh'">
				<view class="item" :class="type==1?'nav_on':'nav'" @click="typeAction(1)">
					<image class="lang_white" mode="widthFix" :src='serverImageUrl(lang_img)' alt="" />
					<view class="nav_text">{{$t('语音帮助')}}</view>
					<u-badge type="error" :is-center="true" :count="typeActionNum1"></u-badge>
				</view>
				<view class="item" :class="type==1?'nav':'nav_on'" @click="typeAction(2)">
					<image class="lang_white" mode="widthFix" :src='serverImageUrl(video_img)' alt="" />
					<view class="nav_text">{{$t('视频会议')}}</view>
					<u-badge type="error" :is-center="true" :count="typeActionNum2"></u-badge>
				</view>
			</div>
			<div class="tab-item" v-if="lang!='zh'">
				<view class="item1 flex-col" :class="type==1?'nav_on':'nav'" @click="typeAction(1)">
					<image class="lang_white" mode="widthFix" :src='serverImageUrl(lang_img)' alt="" />
					<view class="nav_text1">{{$t('语音帮助')}}</view>
					<u-badge type="error" :is-center="true" :count="typeActionNum1"></u-badge>
				</view>
				<view class="item1 flex-col" :class="type==1?'nav':'nav_on'" @click="typeAction(2)">
					<image class="lang_white" mode="widthFix" :src='serverImageUrl(video_img)' alt="" />
					<view class="nav_text1">{{$t('视频会议')}}</view>
					<u-badge type="error" :is-center="true" :count="typeActionNum2"></u-badge>
				</view>
			</div>
			<u-select v-model="timesType1" :list="meeting_durationLists"   @confirm="timesconfirms">
				<view style="color: #000;font-weight: 500;padding-left: 40rpx;margin-top: 20rpx;" class="u-text-left" >{{$t('当前时间')}}{{dateText}}</view>
			</u-select>
			<u-select v-model="timesType" :list="meeting_durationList"   @confirm="timesconfirm">
				<view style="color: #000;font-weight: 500;padding-left: 40rpx;margin-top: 20rpx;" class="u-text-left" >{{$t('当前时间')}}{{dateText}}</view>
			</u-select>
			<u-select v-model="pricesType" :list="prices_typeList"   @confirm="bindPickerChange('pricesType',$event,'prices_Name','prices_Value')"></u-select>
			<u-select v-model="pricesType1" :list="prices_typeList"   @confirm="bindPickerChange('pricesType1',$event,'prices_Name','prices_Value')"></u-select>
			<u-select v-model="meeting_shichang"  :list="array4"   @confirm="bindPickerChange('meeting_shichang',$event,'array4_name','array4_value')"></u-select>
			<u-select v-model="meeting_shichang1" :list="arrays4"   @confirm="bindPickerChange('meeting_shichang1',$event,'array4_name','array4_value')"></u-select>
			<u-select v-model="meeting_zhuan" :list="array3"   @confirm="bindPickerChange('meeting_zhuan',$event,'array3_name','array3_value')"></u-select>
			<u-select v-model="meetingType" :list="array2"   @confirm="bindPickerChange('meetingType',$event,'array2_name','array2_value')"></u-select>
			<SelectCity :is_port="is_port" :is_register="is_register" v-model="meeting_service" @change="city_confirm" :select_city_new="select_city_new" :select_city_newd="select_city_newd"></SelectCity>
			<u-select v-model="languagesType" :default-value="defaultLanguages" :list="langs_typeList" mode="mutil-column"  @confirm="langsconfirm">
				 <view class="flex width-all">
					 <view style="width: 50%;color: #004CFF;text-decoration:underline;font-weight: 500;" class="u-text-center">{{$t('母语')}}</view>
					 <view style="width: 50%;color: #004CFF;text-decoration:underline;font-weight: 500;" class="u-text-center" >{{$t('客户语言')}}</view>
				 </view>
			</u-select>
			<u-select v-model="languagesType1" :default-value="defaultLanguages" :list="langs_typeList" mode="mutil-column"  @confirm="langsconfirm">
				 <view class="flex width-all">
					 <view style="width: 50%;color: #004CFF;text-decoration:underline;font-weight: 500;" class="u-text-center">{{$t('母语')}}</view>
					 <view style="width: 50%;color: #004CFF;text-decoration:underline;font-weight: 500;" class="u-text-center" >{{$t('客户语言')}}</view>
				 </view>
			</u-select>
			<block v-if="type==1">
				<view class="video_kuang font-14">				
					<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
						<div class="flex">
							<view>{{$t('语言选择')}}</view>
						</div>
						<view class="form-right">
									
							<div class="between width-all"  @click="languagesType=true" >
								<view class="uni-input over-hide-0" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{(langs_startValue&&langs_endValue)?(langs_startValue+'-'+langs_endValue):$t('请选择语言种类') }}</view>
								<image class="zhuanhuan_img" mode="widthFix"
									:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
							</div>		
						</view>
					</view>
					<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
						<div class="flex">
							<view>{{$t('专业方向')}}</view>
						</div>
						<view class="form-right">
							
							<div class="between width-all" @click="meeting_zhuan=true">
								<view class="uni-input" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{array3_name || $t('请选择')}}</view>
								<image class="zhuanhuan_img" mode="widthFix"
									:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
							</div>
						</view>
					</view>
					<view class="between form-control"  :class="lang=='ru'?'marg-b-10 column':''">
						<div class="flex">
							<view>{{$t('服务人员地区')}}</view>
						</div>
						<view class="form-right">
							
							<div class="between width-all" @click="meeting_service=true">
								<view class="uni-input" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{city_name || $t('请选择')}}</view>
								<image class="zhuanhuan_img" mode="widthFix"
									:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
							</div>
						</view>
					</view>
					
					
					<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
						<div class="flex">
							<view>{{$t('服务人员价格')}}
							</view>
						</div>
						<view class="form-right">
							
							<div class="between width-all"  @click="pricesType=true" >
								<view class="uni-input over-hide-0" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{prices_Name || $t('请选择') }}</view>
								<image class="zhuanhuan_img" mode="widthFix"
									:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
							</div>		
						</view>
					</view>
					
					
					<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
						<div class="flex">
							<view>{{$t('语音时长')}}</view>
						</div>
						<view class="form-right">
							
							<div class="between width-all" @click="meeting_shichang=true">
								<view class="uni-input"   style="width: 90%;color: red;" :class="lang=='zh'?'u-text-right':'u-text-left'">{{array4_name?array4_name:$t('请选择')}}</view>
								<image class="zhuanhuan_img" mode="widthFix"
									:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
							</div>
							
						</view>
						
					</view>
					
					<view style="width: 100%; height: 50px; display: flex;">
						<div class="flex">
							<view class="video_select"  style="text-align: left;">{{$t('语音需求')}}</view>
						</div>
					</view>
					
					<view class="centertext"
						style="width: 100%; margin-top: 0px;background-color: #F6F7FB;">
						<textarea class="textareas" v-model="chatMessage"
							:placeholder="$t('请输入您现在遇到的问题')"></textarea>
					</view>
					
					<view style="height: 15px; width: 100%; "></view>
					<view class="font-13" style="color: #FF3129;" v-if="message_flag==0">{{$t('首次使用免费赠送语音10分钟')}}</view>
					
					
				</view>
				
				<view style="height: 5px; width: 100%; "></view>
			</block>
		    <block v-if="type==2">
						<view class="video_kuang font-14">				
							<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
								<div class="flex">
									<view>{{$t('语言选择')}}</view>
								</div>
								<view class="form-right">
											<u-select v-model="languagesType1" :default-value="defaultLanguages" :list="langs_typeList" mode="mutil-column"  @confirm="langsconfirm">
												 <view class="flex width-all">
													 <view style="width: 50%;color: #004CFF;text-decoration:underline;font-weight: 500;" class="u-text-center">{{$t('母语')}}</view>
													 <view style="width: 50%;color: #004CFF;text-decoration:underline;font-weight: 500;" class="u-text-center" >{{$t('客户语言')}}</view>
												 </view>
											</u-select>
									<div class="between width-all"  @click="languagesType=true" >
										<view class="uni-input over-hide-0" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{(langs_startValue&&langs_endValue)?(langs_startValue+'-'+langs_endValue):$t('请选择语言种类') }}</view>
										<image class="zhuanhuan_img" mode="widthFix"
											:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
									</div>		
								</view>
							</view>
							<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
								<div class="flex">
									<view>{{$t('专业方向')}}</view>
								</div>
								<view class="form-right">
									
									<div class="between width-all" @click="meeting_zhuan=true">
										<view class="uni-input" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{array3_name || $t('请选择')}}</view>
										<image class="zhuanhuan_img" mode="widthFix"
											:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
									</div>
								</view>
							</view>
							
							<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
								<view class="flex">
									<view>{{$t('会议类型')}}</view>
								</view>
								<view class="form-right">
									<view class="between width-all" @click="meetingType=true">
										<view class="uni-input" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{array2_name || $t('请选择')}}</view>
										<image class="zhuanhuan_img" mode="widthFix"
											:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
									</view>	
								</view>
							</view>  
							
							<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
								<div class="flex">
									<view>{{$t('服务人员价格')}}
									</view>
								</div>
								<view class="form-right">
									
									<div class="between width-all"  @click="pricesType1=true" >
										<view class="uni-input over-hide-0" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{prices_Name || $t('请选择') }}</view>
										<image class="zhuanhuan_img" mode="widthFix"
											:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
									</div>		
								</view>
							</view>
							<view class="between form-control"  :class="lang=='ru'?'marg-b-10 column':''">
								<div class="flex">
									<view >{{$t('会议开始时间')}}</view>
								</div>
								<view class="form-right">
									<div class="between width-all" @click="timesType1=true;changeMonment()">
										<view class="uni-input" :class="lang=='zh'?'u-text-right':'u-text-left'"  style="width: 90%;">{{meetingHours || this.$t('请选择')}}</view>
										<image class="zhuanhuan_img" mode="widthFix"
											:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
									</div>
								</view>
							</view>
							<view class="between form-control" :class="lang=='ru'?'marg-b-10':''" :style="lang=='ru'?'flex-direction:column;align-items:flex-start;text-align: left;':''">
								<view class="flex">
									<view>{{$t('邀请参会人员')}}</view>
								</view>
								<view class="flex posit-relat" :class="lang=='ru'?'width-all':'width-self'">
										<u-popup v-model="jionList_show" mode="bottom"  length="88%" :mask-close-able="true"  @close="jionList_change()">
											<view class="bg-color-fff padd-0_15 marg-t-10 flex-item-shrink-0 flex-col" style="display: flex;">
												<view class="width-all">
													<u-search :clearabled="true" :show-action="false" :placeholder="$t('请输入名称或手机号')" @input="fun_searchInput" v-model="keywords"></u-search>
												</view>
												<view class="flex flex-middle flex-both" style="color: #333333;">
													<view  class="font-16 marg-t-10">{{$t('已选择的参会人员')}}</view>
													<view  class="font-16 marg-t-10">{{jionListSelected.length || 0}}/20</view>
												</view>
												
												<scroll-view v-if="jionListSelected.length>0"  :scroll-y="true" class="my-content marg-t-10 padd-b-20" @touchmove.stop
													style="height:220rpx; overflow-x: hidden;">
													<view v-for="(item,index) in jionListSelected" class="flex flex-both"  :key="item.id" >
														<view class="flex width-all marg-5_0" v-if="item.checked==true">
															<view  class="flex-item-shrink-0 marg-r-10" style="width: 72rpx;height: 72rpx;border-radius:50%;overflow: hidden;">
																<image  class="width-all height-all"  :src='IMAGE_URL+item.avatar' alt="" />
															</view>
															<view class="flex-item-order-0">{{item.username || item.mobile}}</view>
														</view>
														<u-icon name="close" color="red" size="28" @click="checkboxChange(item,index)"></u-icon>
													</view>
												</scroll-view>
												<view class="marg-10_0"   style="height:1px;background-color: #D9D9D9; width: 100%; "></view>
											</view>
										<view class="flex-item-grow-1 posit-relat" style="min-height:0;" :style="jionListSelected.length>0?'height:44vh;':'height:64vh;'">
											<view  class="font-16 marg-0_15" style="color: #333333;">{{$t('请选择参会人员')}}</view>
											<mescroll-uni :fixed="false" ref="mescrollRef" style="height: 90%;"
												@init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption"
												:up="upOption">
												<view class="width-all padd-0_20 marg-10_0 flex flex-both" v-for="(item, index) in jionLists"
													:key="item.id" style="display: flex;" @click="jionListSelected.length<=19?checkboxGroupChange(item):''">
													<view style="width: 90%;" class="flex">
														<view  class="flex-item-shrink-0 marg-r-10" style="width: 72rpx;height: 72rpx;border-radius:50%;overflow: hidden;">
															<image  class="width-all height-all"   :src='IMAGE_URL+item.avatar' alt="" />
														</view>
														<view class="flex-item-order-0">{{item.username || item.mobile}}</view>
													</view>
													<checkbox :checked="item.checked" v-if="jionListSelected.length>19" :disabled="true"></checkbox>
													<checkbox :checked="item.checked" v-if="jionListSelected.length<=19"></checkbox>
												</view>
											</mescroll-uni>
											<view class="flex flex-around posit-fixed width-all" v-if="jionLists.length>0">
												<u-button type="primary"  class="font-14 sub" style="width:90%;margin-top: 20rpx;"
													:loading="submit_loading" :disabled="submit_loading"
													@click="can_submit()">{{$t('确定')}}</u-button>
											</view>
										</view>
							
									</u-popup>
									<view class="between width-all" @click="jionList_select">
										<view class="uni-input over-hide-0" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">
											{{jionListSelect_name || $t('请选择') }}
										</view>
										<image class="zhuanhuan_img" mode="widthFix"
											:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
									</view>
								</view>
							</view>
							<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
								<div class="flex">
									<view>{{$t('会议时长')}}</view>
								</div>
								<view class="form-right">
									
										<div class="between width-all" @click="meeting_shichang1=true">
										<view class="uni-input"   style="width: 90%;color: red;" :class="lang=='zh'?'u-text-right':'u-text-left'">{{array4_name?array4_name:$t('请选择')}}</view>
										<image class="zhuanhuan_img" mode="widthFix"
											:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
									</div>
									
								</view>
							</view>
							
							<view style="width: 100%; height: 50px; display: flex;">
								<div class="flex">
									<view class="video_select" style="text-align: left;">{{$t('会议需求')}}</view>
								</div>
							</view>
							
							<view class="centertext"
								style="width: 100%; margin-top: 0px;background-color: #F6F7FB;">
								<textarea class="textareas" v-model="chatMessage"
									:placeholder="$t('请输入您现在遇到的问题')"></textarea>
							</view>
							
							<view style="height: 15px; width: 100%; "></view>
							
						</view>
						
						<view style="height: 5px; width: 100%; "></view>
					</block>
					<u-button type="primary" style="z-index: 0;width: 92%;" v-if="lang=='zh'" class="font-14 sub" :loading="submit_loading" :disabled="submit_loading" @click="sub">{{$t('预约')}}</u-button>
					<u-button type="primary" v-if="lang=='ru'" class="font-14 subs" style="z-index: 0;;width: 92%;" :loading="submit_loading" :disabled="submit_loading" @click="sub">{{$t('预约')}}</u-button>
		</view>
		
		<u-popup mode="bottom" v-model="payment_show"  length="65%"  :closeable="false"  border-radius="24">
			<view class="width-all u-text-center" style="color: #333333;font-size: 32rpx;margin-top: 40rpx;font-weight: bold;">{{$t('确定订单')}}</view>
			<view class="padd-0_15">
				<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
					<view class="flex">
						<view>{{$t('语言选择')}}
						</view>
					</view>
					<view class="form-right">
						<view class="between width-all">
							<view class="uni-input over-hide-0 width-all" :class="lang=='zh'?'u-text-right':'u-text-left'">{{langs_startValue+'-'+langs_endValue}}</view>
						</view>		
					</view>
				</view>
				<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
					<view class="flex">
						<view v-if="type==1">{{$t('语音开始时间')}}</view>
						<view v-if="type==2">{{$t('会议开始时间')}}</view>
					</view>
					<view class="form-right">
						<view class="between width-all">
							<view class="uni-input width-all" v-if="type==1" :class="lang=='zh'?'u-text-right':'u-text-left'">{{$t('现在')}}</view>
							<view class="uni-input width-all" v-if="type==2" :class="lang=='zh'?'u-text-right':'u-text-left'">{{meetingHours}}</view>
						</view>		
					</view>
				</view>
				<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
					<view class="flex">
						<view v-if="type==1">{{$t('语音时长')}}</view>
						<view v-if="type==2">{{$t('会议时长')}}</view>
					</view>
					<view class="form-right">
						<view class="between width-all">
							<view class="uni-input over-hide-0 width-all" :class="lang=='zh'?'u-text-right':'u-text-left'" >{{array4_name}}</view>
						</view>		
					</view>
				</view>
				<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
					<view class="flex">
						<view class="marg-r-10">{{$t('账户剩余积分')}}</view>
						<view @click="payMent_buy" style="background-color: #F2F6FF;color: #2B61EB;padding: 8rpx 20rpx;border-radius: 20rpx;">{{$t('充值积分')}}</view>
					</view>
					<view class="form-right">
						<view class="between width-all">
							<view class="uni-input over-hide-0 width-all" :class="lang=='zh'?'u-text-right':'u-text-left'" style="color: #2B61EB;">{{meeting_score}}{{$t('积分')}}</view>
						</view>		
					</view>
				</view>
				<view class="between form-control" :class="lang=='ru'?'marg-b-10 column':''">
					<view class="flex">
						<view>{{$t('本次支付积分')}}
						</view>
					</view>
					<view class="form-right">
						<view class="between width-all">
							<view class="uni-input over-hide-0 width-all" :class="lang=='zh'?'u-text-right':'u-text-left'" style="color: #FF3129;">{{meeting_score_total}}{{$t('积分')}}({{prices_Value}}{{$t('积分/分钟')}})</view>
						</view>		
					</view>
				</view>
				<view class="flex" >
					<u-button type="primary" style="z-index: 0;"  class="font-14 sub width-all" :loading="payment_loading" :disabled="payment_loading" @click="payment_submint">{{$t('支付积分')}}</u-button>
				</view>
				<view style="display: flex;color:#343434;font-size:12px;flex-direction: column;">
					<view class="width-all marg-b-10">{{$t('注')}}:</view>
					<view style="display: flex;" class="flex-col" v-if="type==2">
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">1.{{$t('服务人员确认后，预定时间开始前15分钟外取消会议将不收取任何积分，15分钟内5分钟外取消将收取50%的积分，5分钟内取消将不退还已支付的积分')}}</view>
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">2.{{$t('未确认服务人员情况下取消，不收取任何积分')}}</view>
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">3.{{$t('所有退还积分将原路返回')}}</view>
					</view>
					<view style="display: flex;" class="flex-col" v-if="type==1">
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">1.{{$t('语音为即时通讯服务，服务人员接单后，无法取消服务')}}</view>
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">2.{{$t('服务人员未接单，取消服务后，积分可全额返回')}}</view>
					</view>
				</view>
			</view>
		</u-popup>
		
		<u-popup v-model="server_tips"  mode="center" width="90%" class="ping_box" >
			<view class="posit-relat">
				<view class="posit-absol" style="width: 240rpx;height: 240rpx;top: -120rpx;left:calc(50% - 120rpx);">
					<image class="width-all height-all" style="" mode="widthFix"
						src="/static/images/user/newUI/good.png" alt="" />
				</view>
				<view style="padding-top: 120rpx;" class="u-text-center">
					<view style="color: #005692;font-size: 40rpx;font-weight: bold;">{{$t('请对本次服务做出评价')}}</view>
					<view style="color: #005692;font-size: 24rpx;font-weight: bold;margin-top: 30rpx;">{{$t('服务整体评级')}}</view>
					<view style="margin-top: 26rpx;"><u-rate gutter="40" active-color="#FDBD3B"  inactive-icon="star-fill" :size="60" v-model="evaluateCount" @change="evaluateChange"  :count="5"></u-rate></view>
					<view class="flex width-all flex-even" style="margin-top: 50rpx;" :class="lang=='ru'?'column':''">
						<view class="meeting_pingp" :class="{'meeting_add': isActive1}" @click="toggleClass(1)" v-if="evaluateCount!=0" :style="lang=='ru'?'width:70%;margin:20rpx auto;':''">
							<view  style="color: #fff;" v-if="evaluateCount==1" :style="lang=='ru'?'width:50%;text-align:right;':''">{{$t('服务体验差')}}</view>
							<view  style="color: #fff;" v-if="evaluateCount==2||evaluateCount==3" :style="lang=='ru'?'width:50%;text-align: right;':''">{{$t('服务一般')}}</view>
							<view  style="color: #fff;" v-if="evaluateCount==4||evaluateCount==5" :style="lang=='ru'?'width:50%;text-align: right;':''">{{$t('服务体验好')}}</view>
							<view style="width: 46rpx;height: 46rpx;overflow: hidden;">
								<image v-if="evaluateCount==1" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/bad.png" alt="" />
								<image v-if="evaluateCount==2||evaluateCount==3" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/hao.png" alt="" />
								<image v-if="evaluateCount==4||evaluateCount==5" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/haos.png" alt="" />
							</view>
						</view>						
						<view class="meeting_pingp" :class="{'meeting_add': isActive2}" @click="toggleClass(2)" v-if="evaluateCount!=0" :style="lang=='ru'?'width:70%;margin:10px auto':''">
							<view  style="color: #fff;" v-if="evaluateCount==1" :style="lang=='ru'?'width:50%;text-align:right;':''">{{$t('翻译错误')}}</view>
							<view  style="color: #fff;" v-if="evaluateCount==2||evaluateCount==3" :style="lang=='ru'?'width:50%;text-align:right;':''">{{$t('翻译精准')}}</view>
							<view  style="color: #fff;" v-if="evaluateCount==4||evaluateCount==5" :style="lang=='ru'?'width:50%;text-align:right;':''">{{$t('翻译精准')}}</view>
							<view style="width: 46rpx;height: 46rpx;overflow:hidden ;">
								<image v-if="evaluateCount==1" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/bad.png" alt="" />
								<image v-if="evaluateCount==2||evaluateCount==3" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/hao.png" alt="" />
								<image v-if="evaluateCount==4||evaluateCount==5" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/haos.png" alt="" />
							</view>
						</view>
						<view class="meeting_pingp"  :class="{'meeting_add': isActive3}" @click="toggleClass(3)" v-if="evaluateCount!=0" :style="lang=='ru'?'width:70%;margin:10px auto':''">
							<view style="color: #fff;" v-if="evaluateCount==1" :style="lang=='ru'?'width:50%;text-align:right;':''">{{$t('时间观念差')}}</view>
							<view  style="color: #fff;" v-if="evaluateCount==2||evaluateCount==3" :style="lang=='ru'?'width:50%;text-align:right;':''">{{$t('稍稍迟到')}}</view>
							<view  style="color: #fff;" v-if="evaluateCount==4||evaluateCount==5" :style="lang=='ru'?'width:50%;text-align:right;':''">{{$t('准点守时')}}</view>
							<view style="width: 46rpx;height: 46rpx;overflow: hidden;">
								<image v-if="evaluateCount==1" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/bad.png" alt="" />
								<image v-if="evaluateCount==2||evaluateCount==3" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/hao.png" alt="" />
								<image v-if="evaluateCount==4||evaluateCount==5" class="width-all height-all"mode="widthFix"
									src="/static/images/user/newUI/haos.png" alt="" />
							</view>
						</view>
					</view>
					<u-button type="primary" shape="circle" style="z-index: 0;width: 70%;margin-top: 56rpx;"  class="font-14 subp"  :loading="evaluate_loading" :disabled="evaluate_loading" @click="server_fabu">{{$t('发布')}}</u-button>
				</view>
				
			</view>
			
		</u-popup>
		<u-popup v-model="meeting_show" :z-index="10" mode="center" width="90%" height="600rpx" class="jionMeeting_box" >
			<view class="posit-relat">
				<view class="posit-absol" style="width: 240rpx;height: 240rpx;top: -120rpx;left:calc(50% - 120rpx);">
					<image class="width-all height-all" style="" mode="widthFix"
						src="/static/images/user/newUI/meetinghao.png" alt="" />
				</view>
				<view style="padding-top: 120rpx;" class="u-text-center">
					<view style="color: #005692;font-size: 40rpx;font-weight: bold;">{{$t('会议号入会')}}</view>
					<view style="width: 76%;background-color: #F6F7FB;margin: auto;margin-top:100rpx;text-align: center;"><u-input type="number" v-model="meetingId" class="no-icon" style="text-align: center" placeholder-style="text-align: center;font-size:12px" :placeholder="$t('请输入会议号')" /></view>
					<u-button type="primary" shape="circle" style="z-index: 0;width: 70%;margin-top: 56rpx;"  class="font-14 subp"  :loading="meeting_loading" :disabled="meeting_loading" @click="fun_submit">{{$t('进入会议')}}</u-button>
				</view>
				
			</view>
		</u-popup>
		
		<u-popup v-model="selectMeeting_show" :mask-close-able="false" mode="center" width="90%" height="600rpx" class="selectMeeting_box" >
			<view class="posit-relat">
				<view class="posit-absol" style="width: 240rpx;height: 240rpx;top: -120rpx;left:calc(50% - 120rpx);">
					<image class="width-all height-all" style="" mode="widthFix"
						src="/static/images/user/newUI/await.png" alt="" />
				</view>
				<view style="padding-top: 120rpx;" class="u-text-center">
					<view style="color: #005692;font-size: 40rpx;font-weight: bold;">{{$t('会议号入会')}}</view>
					<view style="width: 76%;background-color: #F6F7FB;margin: auto;margin-top:100rpx;"></view>
					<u-button type="primary" shape="circle" style="z-index: 0;width: 70%;margin-top: 56rpx;"  class="font-14 subp"  :loading="meeting_loading" :disabled="meeting_loading" @click="sub">{{$t('进入会议')}}</u-button>
				</view>
				
			</view>
		</u-popup>
		<u-popup v-model="paymentClose_show" :closeable="false" mode="bottom"  border-radius="24">
			<view class="width-all u-text-center" style="color: #333333;font-size: 32rpx;margin-top: 40rpx;font-weight: bold;">{{$t('取消订单')}}</view>
			<view class="padd-0_15">
				<view class="between form-control" :class="{column:lang=='ru'}">
					<div class="flex">
						<view>{{$t('语言选择')}}</view>
					</div>
					<view class="form-right">
						<div class="between width-all">
							<view class="uni-input over-hide-0" v-if="lang=='zh'" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{paymentClose_date.request_lang}}</view>
							<view class="uni-input over-hide-0"  v-if="lang=='ru'" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{paymentClose_date.request_lang_ru}}</view>
						</div>		
					</view>
				</view>
				<view class="between form-control" :class="{column:lang=='ru'}">
					<div class="flex">
						<view v-if="paymentClose_date.type==1">{{$t('语音开始时间')}}</view>
						<view v-if="paymentClose_date.type==2">{{$t('会议开始时间')}}</view>
					</div>
					<view class="form-right">
						<div class="between width-all">
							<view class="uni-input over-hide-0" v-if="lang=='zh'" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{paymentClose_date.start_timeValue_arr?paymentClose_date.start_timeValue_arr.name:''}}</view>
							<view class="uni-input over-hide-0" v-if="lang=='ru'" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{paymentClose_date.start_timeValue_arr?paymentClose_date.start_timeValue_arr.name_ru:''}}</view>
						</div>		
					</view>
				</view>
				<view class="between form-control" :class="{column:lang=='ru'}">
					<div class="flex">
						<view v-if="paymentClose_date.type==1">{{$t('语音时长')}}</view>
						<view v-if="paymentClose_date.type==2">{{$t('会议时长')}}</view>
					</div>
					<view class="form-right">
						<div class="between width-all">
							<view class="uni-input over-hide-0" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{paymentClose_date.duration}}{{$t('分钟')}}</view>
						</div>		
					</view>
				</view>
				<view class="between form-control" :class="{column:lang=='ru'}">
					<div class="flex">
						<view>{{$t('本次支付积分')}}
						</view>
					</div>
					<view class="form-right">
						<div class="between width-all" style="color: #06C36E;">
							<view class="uni-input over-hide-0" :class="lang=='zh'?'u-text-right':'u-text-left'" style="width: 90%;">{{paymentClose_date.meeting_score_total}}{{$t('积分')}}({{paymentClose_date.prices_Value}}{{$t('积分/分钟')}})</view>
						</div>		
					</view>
				</view>
				<view class="flex" v-if="lang=='zh'">
					<u-button type="primary" style="z-index: 0;"  class="font-14 sub width-all" :loading="paymentClose_loading" :disabled="paymentClose_loading" @click="paymentCloseChange(paymentClose_date)">{{$t('确定取消')}}</u-button>
				</view>
				<view class="flex" v-if="lang=='ru'">
					<u-button type="primary" style="z-index: 0;"  class="font-14 sub width-all" :loading="paymentClose_loading" :disabled="paymentClose_loading" @click="paymentCloseChange(paymentClose_date)">{{$t('确定取消')}}</u-button>
				</view>
				<view style="display: flex;color:#343434;font-size:12px;flex-direction:column;">
					<view class="width-all marg-b-10">{{$t('注')}}:</view>
					<view style="display: flex;" class="flex-col" v-if="type==2">
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">1.{{$t('服务人员确认后，预定时间开始前15分钟外取消会议将不收取任何积分，15分钟内5分钟外取消将收取50%的积分，5分钟内取消将不退还已支付的积分')}}</view>
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">2.{{$t('未确认服务人员情况下取消，不收取任何积分')}}</view>
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">3.{{$t('所有退还积分将原路返回')}}</view>
					</view>
					<view style="display: flex;" class="flex-col" v-if="type==1">
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">1.{{$t('语音为即时通讯服务，服务人员接单后，无法取消服务')}}</view>
						<view class="width-all" :class="lang=='ru'?'marg-b-10':''" style="white-space: normal;word-wrap:break-word;word-break: break-all;">2.{{$t('服务人员未接单，取消服务后，积分可全额返回')}}</view>
					</view>
				</view>
			</view>
		</u-popup>
		<view v-if="orders.length>0&&type==1" v-for="order in orders" :key="order.id">
		<u-popup v-model="order.selectVoice_show"  :mask-close-able="false" mode="center" width="90%"  class="selectVoice_box" >
			<view class="posit-relat">
				<view class="posit-absol" style="width: 240rpx;height: 240rpx;top: -120rpx;left:calc(50% - 120rpx);">
					<image class="width-all height-all" style="" mode="widthFix"
						src="/static/images/user/newUI/await.png" alt="" />
				</view>
				<view style="padding-top: 120rpx;" class="u-text-center">
					<view style="color: #005692;font-size: 40rpx;font-weight: bold;">{{$t('忙碌提醒')}}</view>
					<view style="color: #005692;font-size: 30rpx;font-weight: bold;margin-top: 60rpx;">{{$t('翻译人员正在赶来')}}...</view>
					<view style="width: 76%;color: #343434;margin: auto;margin-top:40rpx;font-size: 10px;white-space: normal;word-wrap:break-word;word-break: break-all;">{{$t('当前无空闲翻译在线，平台不收取您的费用，您可以选择继续等待或者取消订单')}}</view>
					<view style="z-index: 0;margin-top: 56rpx;" class="flex flex-both">
						<u-button type="primary" shape="circle" style="width:45%;" class="font-14 subp" v-if="order.user_id==user_id" :loading="selectVoice_loading" :disabled="selectVoice_loading" @click="selectVoice_change(order)">{{lang=='zh'?$t('取消订单'):'Отменить'}}</u-button>
						<u-button type="primary" shape="circle" style="width:45%;"  class="font-14 subp"   :loading="selectVoice_loading" :disabled="selectVoice_loading" @click="selectVoice_changewait(order)">{{$t('继续等待')}}</u-button>
					</view>
					
				</view>
				
			</view>
		</u-popup>
		<u-popup v-model="order.selectTimes_show" :mask-close-able="false" mode="center" width="90%"  class="selectVoice_boxs" >
			<view class="posit-relat">
				<view class="posit-absol" style="width: 240rpx;height: 240rpx;top: -120rpx;left:calc(50% - 120rpx);">
					<image class="width-all height-all" style="" mode="widthFix"
						src="/static/images/user/newUI/times.png" alt="" />
				</view>
				<view style="padding-top: 120rpx;" class="u-text-center">
					<view style="color: #005692;font-size: 40rpx;font-weight: bold;">{{order.selectVoice_close==false?$t('超时提醒'):$t('忙碌提醒')}}</view>
					<view v-if="order.selectVoice_close==false" style="width: 76%;color: #005692; margin: auto;margin-top:40rpx;font-size: 12px;white-space: normal;word-wrap:break-word;word-break: break-all;">
					{{$t('由于服务人员未能与你取得联系或您未进行任何确认等操作 导致订单流转超时给你带来的不便 我们深表歉意您支付的积分将全额原路返还')}}
					</view>
					<view  v-if="order.selectVoice_close==true" style="color: #005692;font-size: 30rpx;font-weight: bold;margin-top: 60rpx;">{{$t('当前翻译繁忙,无法为您提供服务')}}</view>
					<view  v-if="order.selectVoice_close==true" style="width: 76%;color: #343434;margin: auto;margin-top:40rpx;font-size: 10px;white-space: normal;word-wrap:break-word;word-break: break-all;">{{$t('当前无空闲翻译在线，平台不收取您的费用，您可以选择继续等待或者取消订单')}}</view>
					<view style="z-index: 0;margin-top: 56rpx;" class="flex flex-both">
						<u-button type="primary" shape="circle" style="width:45%;"   class="font-14 subp"  :loading="selectVoice_loading" :disabled="selectVoice_loading" @click="selectVoice_changetimes(order)">{{$t('结束订单')}}</u-button>
					</view>
					
				</view>
				
			</view>
		</u-popup>
		</view>
		<u-popup v-model="selectOrder_show"  :mask-close-able="false" mode="center" width="90%"  class="selectOrder_box" >
			<view class="posit-relat">
				<view class="posit-absol" style="width: 240rpx;height: 240rpx;top: -120rpx;left:calc(50% - 120rpx);">
					<image class="width-all height-all" style="" mode="widthFix"
						src="/static/images/user/newUI/404.png" alt="" />
				</view>
				<view style="padding-top: 120rpx;" class="u-text-center">
					<view style="color: #FF000B;font-size: 40rpx;font-weight: bold;">{{$t('结束提醒')}}</view>
					<view style="color: #FF000B;font-size: 30rpx;font-weight: bold;margin-top: 60rpx;" v-if="type==2">{{$t('当前会议已结束')}}</view>
					<view style="color: #FF000B;font-size: 30rpx;font-weight: bold;margin-top: 60rpx;" v-if="type==1">{{$t('当前语音已结束')}}</view>
					<view style="width: 76%;color: #343434;margin: auto;margin-top:40rpx;font-size: 10px;white-space: normal;word-wrap:break-word;word-break: break-all;" v-if="type==2">{{$t('当前会议已经结束,点击下方“确定”返回')}}</view>
					<view style="width: 76%;color: #343434;margin: auto;margin-top:40rpx;font-size: 10px;white-space: normal;word-wrap:break-word;word-break: break-all;" v-if="type==1">{{$t('当前语音已经结束,点击下方“确定”返回')}}</view>
					<view style="z-index: 0;margin-top: 56rpx;" class="flex flex-both">
						<u-button :custom-style="customStyle"  hover-class="none"  shape="circle" style="width:60%;"   class="font-14 subOrder"  @click="selectOrder_change">{{lang=='zh'?$t('确定'):'Подтвердить'}}</u-button>
					</view>
					
				</view>
				
			</view>
		</u-popup>
		<view v-if="orders.length>0&&type==1"  v-for="(order,index) in orders" :key="order.id+'_'+order.index" style="z-index: 10;">
			<u-popup v-model="order.orderTimes_show" :z-index="10" :mask-close-able="true"  @close="orderTimes_change(order,type)" mode="center" width="90%"  class="orderTimes_boxs posit-relat" >
				<view class="flex" style="color: #5C8DFF;font-size: 14px; text-align: center;width:100%;display: flex;justify-content: center;padding-top: 10px;padding-bottom: 10px;">{{$t('请不要离开当前页面,等待服务人员沟通')}}</view>
				<!-- <view class="posit-absol right-0" style="width: 50rpx;height: 50rpx;overflow: hidden;top: -24rpx;z-index: 11;" @click="orderTimes_change(order,type)">
					<image src="/static/p5.png"  mode="widthFix" class="width-all height-all"></image>
				</view> -->
				<view class="center_boxs">
					<view class="center_box_tops" style="color: #796A51;font-weight: bold;" v-if="lang=='zh'" :style="lang=='zh'?'':'white-space: pre-wrap;word-wrap: break-word;word-break: break-all;'">
						{{order.professional.name}}{{$t('语音')}}
					</view>
					<view class="center_box_tops" style="color: #796A51;font-weight: bold;" v-if="lang=='ru'" :style="lang=='zh'?'':'white-space: pre-wrap;word-wrap: break-word;word-break: break-all;'">
						{{order.professional.name_ru}}
					</view>
					<view class="center_box_centers width-all flex-wrap" style="font-size: 12px;">
						<view style="width: 50%;margin-top: 8px;">
							<view style="color: #666666;">{{$t('发起人')}}</view>
							<view class="over-hide-1" v-if="lang=='zh'" style="
							width: 100%;
							white-space: pre-wrap; 
							font-size: 14px;
							color: #1D1D1D;
							margin-top: 8px;
							word-wrap:break-word;
							word-break: break-all">{{order.user.username}}</view>
							<view class="over-hide-1" v-if="lang=='ru'" style="
							width: 100%;
							white-space: pre-wrap; 
							font-size: 14px;
							color: #1D1D1D;
							margin-top: 8px;
							word-wrap:break-word;
							word-break: break-all">{{order.user.username_ru}}</view>
						</view>
						<view style="width: 50%;margin-top: 8px;">
							<view style="color: #666666;">{{$t('服务人')}}</view>
							<view class="over-hide-1" v-if="lang=='zh'" style="
							width: 100%;
							white-space: pre-wrap;
							 font-size: 14px;
							 color: #1D1D1D;
							 margin-top: 8px;
							 word-wrap:break-word;
							 word-break: break-all">{{order.matchingValue.username || $t('正在匹配')}}</view>
							 <view class="over-hide-1" v-if="lang=='ru'" style="
							 width: 100%;
							 white-space: pre-wrap;
							  font-size: 14px;
							  color: #1D1D1D;
							  margin-top: 8px;
							  word-wrap:break-word;
							  word-break: break-all">{{order.matchingValue.username_ru || $t('正在匹配')}}</view>
						</view>
						<view style="width: 50%;margin-top: 20px;margin-bottom: 12px;">
							<view style="color: #666666;">{{$t('语音时间')}}</view>
							<view class="" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;" v-if="lang=='zh'">{{order.start_timeValue_arr.name}}</view>
							<view class="" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;" v-if="lang=='ru'">{{order.start_timeValue_arr.name_ru}}</view>
						</view>
					</view>
					<view class="center_box_bottoms flex flex-item-grow-1" v-if="lang=='zh'" >
						<view class="center_box_bottomleft" v-if="order.is_real_time==1&&order.meet_Status === 'pending'" style="padding:12px 0" :style="order.meet_Status === 'pending'?'':'margin-top: 12px;border-bottom-right-radius: 8px'" :class="order.meet_Status === 'pending'?'width-allself':'width-all'" @click="closeChange(order)">{{$t('取消订单')}}</view>
						<view class="center_box_bottomleft" v-if="order.is_real_time==1&&order.meet_Status === 'complete'" style="margin-top: 12px;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;"  :class="order.meet_Status === 'pending'?'width-allself':'width-all'" @click="selectFaChange(order)">{{$t('进入语音')}}</view>
						<view class="center_box_bottomrights flex" v-if="order.is_real_time==1&&order.meet_Status === 'pending'" :class="order.meet_Status === 'pending'?'center_box_bottomright1':'center_box_bottomright2'">
							<view style="width: 100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;">{{$t('等待服务人员发起沟通')}}{{ order.countdown}}</view>
						</view>
					</view> 
				    <view class="center_box_bottoms flex flex-item-grow-1" v-if="lang=='ru'">
						<view class="center_box_bottomleftru" v-if="order.is_real_time==1&&order.meet_Status === 'pending'" style="padding: 12px 0;" :style="order.meet_Status === 'pending'?'':'margin-top: 12px;border-bottom-right-radius: 8px'" :class="order.meet_Status === 'pending'?'width-allself':'width-all'" @click="closeChange(order)">Отмени заказ.</view>
						<view class="center_box_bottomleftru" v-if="order.is_real_time==1&&order.meet_Status === 'complete'" style="margin-top: 12px;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;"  :class="order.meet_Status === 'pending'?'width-allself':'width-all'" @click="selectFaChange(order)">{{$t('进入语音')}}</view>
						<view class="center_box_bottomrights flex" v-if="order.is_real_time==1&&order.meet_Status === 'pending'" :class="order.meet_Status === 'pending'?'center_box_bottomright1':'center_box_bottomright2'">
							<view style="
							background-color: #5C8DFF;
							border-bottom-right-radius: 8px;
							white-space: pre-wrap;
							word-wrap:break-word;
							font-size: 14px;
							word-break: break-all;height: 80rpx;">{{$t('等待服务人员发起沟通')}}{{order.countdown}}</view>
						</view>
					</view>
				</view>			
			</u-popup>
		</view>
		<view v-if="ordersMeet.length>0&&type==2"  v-for="(order,index) in ordersMeet" :key="order.id+'_'+order.index" style="z-index: 10;">
			<u-popup v-model="order.orderTimes_show" :z-index="10" :mask-close-able="true"  @close="orderTimes_change(order,type)" mode="center" width="90%"  class="orderTimes_boxs1 posit-relat" >
				<view class="flex" style="color: #5C8DFF;font-size: 14px; text-align: center;width:100%;display: flex;justify-content: center;padding-top: 10px;padding-bottom: 10px;">{{$t('请不要离开当前页面,等待服务人员沟通')}}</view>
				<view class="center_boxs">
					<view class="center_box_tops" style="color: #0F265D;font-weight: bold;"  :style="lang=='zh'?'':'white-space: pre-wrap;word-wrap: break-word;word-break: break-all;'">
						{{order.meeting.name}}
					</view>
					<view class="center_box_centers width-all flex-wrap" :style="lang=='zh'?'font-size: 12px;':'font-size: 14px;margin-top: 8px;'">
						<view style="width: 50%;margin-top: 8px;">
							<view style="color: #666666;">{{$t('发起人')}}</view>
							<view class="over-hide-1" v-if="lang=='zh'" style="
								width: 100%;
								white-space: pre-wrap; 
								font-size: 14px;
								color: #1D1D1D;
								margin-top: 8px;
								word-wrap:break-word;
								word-break: break-all">{{order.user.username}}</view>
								<view class="over-hide-1" v-if="lang=='ru'" style="
								width: 100%;
								white-space: pre-wrap; 
								font-size: 14px;
								color: #1D1D1D;
								margin-top:8px;
								word-wrap:break-word;
								word-break: break-all">{{order.user.username_ru}}</view>
						</view>
						<view style="width: 50%;margin-top: 8px;">
							<view style="color: #666666;">{{$t('服务人')}}</view>
							<view class="over-hide-1" v-if="lang=='zh'" style="
							width: 100%;
							white-space: pre-wrap;
							 font-size: 14px;
							 color: #1D1D1D;
							 margin-top: 8px;
							 word-wrap:break-word;
							 word-break: break-all">{{order.matchingValue.username || $t('正在匹配')}}</view>
							<view class="over-hide-1" v-if="lang=='ru'" style="
							width: 100%;
							white-space: pre-wrap;
							 font-size: 14px;
							 color: #1D1D1D;
							 margin-top: 8px;
							 word-wrap:break-word;
							 word-break: break-all">{{order.matchingValue.username_ru || $t('正在匹配')}}</view>
						</view>
						<view style="width: 50%;margin-top: 20px;margin-bottom: 12px;">
							<view style="color: #666666;white-space: pre-wrap;
							word-wrap:break-word;
							word-break: break-all;">{{$t('会议号')}}</view>
							<view class="" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;">{{order.id}}</view>
						</view>
						<view style="width: 50%;margin-top: 20px;margin-bottom: 12px;">
							<view style="color: #666666;">{{$t('会议时间')}}</view>
							<view class="" v-if="lang=='zh'" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;">{{order.start_timeValue_arr.name}}</view>
							<view class="" v-if="lang=='ru'" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;">{{order.start_timeValue_arr.name_ru}}</view>
						</view>
					</view>
					<view class="center_box_bottoms flex flex-item-grow-1" v-if="lang=='zh'">
						<view class="center_box_bottomleft" :class="order.meet_Status === 'pending'?'center_box_bottomleft1':'center_box_bottomleft2'" v-if="order.meet_Status != 'complete'&&order.user_id==user_id" @click="closeChangeMeet(order)">{{$t('取消订单')}}</view>
						<view class="center_box_bottomrights flex"  :class="order.meet_Status === 'pending' || order.meet_Status === 'complete'|| (order.meet_Status === 'submit'&&order.user_id!=user_id)?'center_box_bottomright1':'center_box_bottomright2'">
							<view style="width: 100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'pending'">{{$t('等待服务人员发起沟通')}}{{order.countdown}}</view>
							<view style="width: 50%;background-color: #06C36E;padding: 12px 0;" v-if="order.meet_Status === 'accepted'" @click="selectRenChangeMeet(order)">{{$t('更换服务人员')}}</view>
							<view style="width: 50%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'accepted'" @click="submintRenChangeMeet(order)">{{$t('确定服务人员')}}</view>
							<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'&&order.user_id==user_id">{{$t('距离会议开始')}}:{{order.manageCount}}</view>
							<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'&&order.user_id!=user_id">{{$t('距离会议开始')}}:{{order.manageCount}}</view>
							<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;" v-if="order.meet_Status === 'complete'"  @click="selectFaChangeMeet(order)">{{$t('进入会议')}}</view>
						</view>
					</view>
					<view class="center_box_bottoms flex flex-item-grow-1" v-if="lang=='ru'">
						<view class="center_box_bottomleftru" :class="order.meet_Status === 'pending'|| order.meet_Status === 'complete'?'center_box_bottomleft1':'center_box_bottomleft2'" v-if="order.meet_Status != 'complete'&&order.user_id==user_id" @click="closeChangeMeet(order)">Отмени заказ.</view>
						<view class="center_box_bottomrights flex"  :class="order.meet_Status === 'pending'|| order.meet_Status === 'complete'|| (order.meet_Status === 'submit'&&order.user_id!=user_id)?'center_box_bottomright1':'center_box_bottomright2'">
							<view style="
							width: 100%;
							background-color: #5C8DFF;
							border-bottom-right-radius: 8px;
							white-space: pre-wrap;
							word-wrap:break-word;
							font-size: 14px;
							word-break: break-all;" v-if="order.meet_Status === 'pending'">{{$t('等待服务人员发起沟通')}}{{order.countdown}}</view>
							<view style="
							width: 50%;
							background-color: #06C36E;
							white-space: pre-wrap;
							word-wrap:break-word;
							word-break: break-all;height: 80rpx" v-if="order.meet_Status === 'accepted'" @click="selectRenChangeMeet(order)">{{$t('更换服务人员')}}</view>
							<view style="
							width: 50%;
							background-color: #5C8DFF;
							border-bottom-right-radius: 8px;
							white-space: pre-wrap;
							word-wrap:break-word;
							word-break: break-all;height: 80rpx" v-if="order.meet_Status === 'accepted'" @click="submintRenChangeMeet(order)">{{$t('确定服务人员')}}</view>
							<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'&&order.user_id==user_id">{{$t('距离会议开始')}}:{{order.manageCount}}</view>
							<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'&&order.user_id!=user_id">{{$t('距离会议开始')}}:{{order.manageCount}}</view>
							<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;" v-if="order.meet_Status === 'complete'"  @click="selectFaChangeMeet(order)">{{$t('进入会议')}}</view>
						</view>
					</view>
				</view>			
			</u-popup>
		</view>
		<view class="padd-0_15" id="scrollToElement"  style="margin-top: 48rpx;z-index: 99999;" v-if="type==1">
			<view class="flex marg-b-10">
				<view class="marg-r-5">
					<image style="padding-top: 8rpx;" class="history_img" mode="widthFix"
						src="/static/images/user/newUI/online.png" alt="" /> 
				</view>
				<view style="font-size: 30rpx;">{{$t('当前语音帮助')}}</view>
			</view>
			<scroll-view  :scroll-x="true" style="white-space: nowrap;display: flex;" class="width-all" :style="lang=='zh'?'height: 250px':'height:258px'">
					
					<view class="center_box center_box_imgnone" v-if="orders.length==0" :style="lang=='zh'?'width: 336px;height: 250px':'width: 336px;height: 250px'">
						<view style="margin: auto;padding: 0 30px;margin-left: 35px;" v-if="lang=='zh'">
							<image style="width: 100%;height: 120px;margin: auto;display: flex;" src='/static/images/user/newUI/none.png' alt="" />
						</view>
						<view style="margin: auto;padding: 0 30px;margin-left: 35px;" v-if="lang=='ru'">
							<image style="width: 80%;height: 100px;margin: auto;display: flex;" src='/static/images/user/newUI/none.png' alt="" />
						</view>
						<view v-if="lang=='zh'" style="margin: 0px 30px 0px 50px;white-space: pre-wrap;color: #AEB4C0;font-size: 14px;text-align: center;">{{$t('暂无信息,创建会议/语音创造更多财富机遇')}}</view>
						<view v-if="lang=='ru'" style="margin: 0px 10px 0px 30px;white-space: pre-wrap;color: #AEB4C0;font-size: 15px;text-align: center;">{{$t('暂无信息,创建会议/语音创造更多财富机遇')}}</view>
					</view>	
					<view class="center_box center_box_img" v-if="orders.length>0" v-for="(order,index) in orders" :key="order.id+'_'+order.index"  :style="lang=='zh'?'width: 336px;':'width: 336px;'">
						<view class="center_box_top" style="color: #796A51;font-weight: bold;" v-if="lang=='zh'" :style="lang=='zh'?'line-height: 50px':'line-height: 50px;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;'">
							{{order.professional.name}}{{$t('语音')}}
						</view>
						<view class="center_box_top" style="color: #796A51;font-weight: bold;" v-if="lang=='ru'" :style="lang=='zh'?'line-height: 50px':'line-height: 50px;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;'">
							{{order.professional.name_ru}}
						</view>
						<view class="center_box_center width-all flex-wrap" style="font-size: 12px;">
							<view style="width: 50%;margin-top: 8px;">
								<view style="color: #666666;">{{$t('发起人')}}</view>
								<view class="over-hide-1" v-if="lang=='zh'" style="
								width: 80%;
								white-space: pre-wrap; 
								font-size: 14px;
								color: #1D1D1D;
								margin-top: 8px;
								word-wrap:break-word;
								word-break: break-all">{{order.user.username}}</view>
								<view class="over-hide-1" v-if="lang=='ru'" style="
								width: 80%;
								white-space: pre-wrap; 
								font-size: 14px;
								color: #1D1D1D;
								margin-top: 8px;
								word-wrap:break-word;
								word-break: break-all">{{order.user.username_ru}}</view>
							</view>
							<view style="width: 50%;margin-top: 8px;">
								<view style="color: #666666;">{{$t('服务人')}}</view>
								<view class="over-hide-1" v-if="lang=='zh'" style="
								width: 80%;
								white-space: pre-wrap;
								 font-size: 14px;
								 color: #1D1D1D;
								 margin-top: 8px;
								 word-wrap:break-word;
								 word-break: break-all">{{order.matchingValue.username || $t('正在匹配')}}</view>
								 <view class="over-hide-1" v-if="lang=='ru'" style="
								 width: 80%;
								 white-space: pre-wrap;
								  font-size: 14px;
								  color: #1D1D1D;
								  margin-top: 8px;
								  word-wrap:break-word;
								  word-break: break-all">{{order.matchingValue.username_ru || $t('正在匹配')}}</view>
							</view>
							<view style="width: 50%;margin-top: 20px;margin-bottom: 12px;">
								<view style="color: #666666;">{{$t('语音时间')}}</view>
								<view class="" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;" v-if="lang=='zh'">{{order.start_timeValue_arr.name}}</view>
								<view class="" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;" v-if="lang=='ru'">{{order.start_timeValue_arr.name_ru}}</view>
							</view>
						</view>
						<view class="center_box_bottom flex flex-item-grow-1" v-if="lang=='zh'" >
							<view class="center_box_bottomleft" v-if="order.is_real_time==1&&order.meet_Status === 'pending'" style="padding:12px 0" :style="order.meet_Status === 'pending'?'':'margin-top: 12px;border-bottom-right-radius: 8px'" :class="order.meet_Status === 'pending'?'width-allself':'width-all'" @click="closeChange(order)">{{$t('取消订单')}}</view>
							<view class="center_box_bottomleft" v-if="order.is_real_time==1&&order.meet_Status === 'complete'" style="margin-top: 12px;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;"  :class="order.meet_Status === 'pending'?'width-allself':'width-all'" @click="selectFaChange(order)">{{$t('进入语音')}}</view>
							<view class="center_box_bottomleft" v-if="order.is_real_time==0&&order.meet_Status != 'complete'" :class="order.meet_Status === 'pending'?'center_box_bottomleft1':'center_box_bottomleft2'" @click="closeChange(order)">{{$t('取消订单')}}</view>
							<view class="center_box_bottomright flex" v-if="order.is_real_time==0" :class="order.meet_Status === 'pending' || order.meet_Status === 'complete'?'center_box_bottomright1':'center_box_bottomright2'">
								<view style="width: 100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'pending'">{{$t('等待服务人员发起沟通')}}{{ order.countdown}}</view>
								<view style="width: 50%;background-color: #06C36E;padding: 12px 0;" v-if="order.meet_Status === 'accepted'" @click="selectRenChange(order)">{{$t('更换服务人员')}}</view>
								<view style="width: 50%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'accepted'" @click="submintRenChange(order)">{{$t('确定服务人员')}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'">{{$t('距离语音开始')}}:{{order.manageCount}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;" v-if="order.meet_Status === 'complete'"  @click="selectFaChange(order)">{{$t('进入语音')}}</view>
							</view>
							<view class="center_box_bottomright flex" v-if="order.is_real_time==1&&order.meet_Status === 'pending'" :class="order.meet_Status === 'pending'?'center_box_bottomright1':'center_box_bottomright2'">
								<view style="width: 100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;">{{$t('等待服务人员发起沟通')}}{{ order.countdown}}</view>
							</view>
						</view> 
					    <view class="center_box_bottom flex flex-item-grow-1" v-if="lang=='ru'">
							<view class="center_box_bottomleftru" v-if="order.is_real_time==1&&order.meet_Status === 'pending'" style="padding: 12px 0" :style="order.meet_Status === 'pending'?'':'margin-top: 12px;border-bottom-right-radius: 8px'" :class="order.meet_Status === 'pending'?'width-allself':'width-all'" @click="closeChange(order)">Отмени заказ.</view>
							<view class="center_box_bottomleftru" v-if="order.is_real_time==1&&order.meet_Status === 'complete'" style="margin-top: 12px;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;"  :class="order.meet_Status === 'pending'?'width-allself':'width-all'" @click="selectFaChange(order)">{{$t('进入语音')}}</view>
							<view class="center_box_bottomleftru" v-if="order.is_real_time==0&&order.meet_Status != 'complete'" :class="order.meet_Status === 'pending'?'center_box_bottomleft1':'center_box_bottomleft2'" @click="closeChange(order)">Отмени заказ.</view>
							<view class="center_box_bottomrights flex" v-if="order.is_real_time==0" :class="order.meet_Status === 'pending'|| order.meet_Status === 'complete'?'center_box_bottomright1':'center_box_bottomright2'">
								<view style="width: 100%;
								background-color: #5C8DFF;
								border-bottom-right-radius: 8px;
								white-space: pre-wrap;
								word-wrap:break-word;
								word-break: break-all;height:80rpx
								" v-if="order.meet_Status === 'pending'">{{$t('等待服务人员发起沟通')}}{{order.countdown}}</view>
								<view style="width: 50%;
								background-color: #06C36E;
								white-space: pre-wrap;
								word-wrap:break-word;
								word-break: break-all;height:80rpx; " v-if="order.meet_Status === 'accepted'" @click="selectRenChange(order)">{{$t('更换服务人员')}}</view>
								<view style="width: 50%;
								background-color: #5C8DFF;
								border-bottom-right-radius: 8px;
								white-space: pre-wrap;
								word-wrap:break-word;
								word-break: break-all;height: 80rpx; 
								" v-if="order.meet_Status === 'accepted'" @click="submintRenChange(order)">{{$t('确定服务人员')}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'">{{$t('距离语音开始')}}:{{order.manageCount}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;" v-if="order.meet_Status === 'complete'"  @click="selectFaChange(order)">{{$t('进入语音')}}</view>
							</view>
							<view class="center_box_bottomrights flex" v-if="order.is_real_time==1&&order.meet_Status === 'pending'" :class="order.meet_Status === 'pending'?'center_box_bottomright1':'center_box_bottomright2'">
								<view style="
								background-color: #5C8DFF;
								border-bottom-right-radius: 8px;
								white-space: pre-wrap;
								word-wrap:break-word;
								font-size: 14px;
								word-break: break-all;height: 80rpx;">{{$t('等待服务人员发起沟通')}}{{order.countdown}}</view>
							</view>
						</view>
					</view>			
				</scroll-view>
		</view>
		<view  v-if="ordersMeet.length>0&&type==2" v-for="order in ordersMeet" :key="order.id" >
			<u-popup v-model="order.selectVoice_showMeet" :mask-close-able="false" mode="center" width="90%"  class="selectVoice_box" >
				<view class="posit-relat">
					<view class="posit-absol" style="width: 240rpx;height: 240rpx;top: -120rpx;left:calc(50% - 120rpx);">
						<image class="width-all height-all" style="" mode="widthFix"
							src="/static/images/user/newUI/await.png" alt="" />
					</view>
					<view style="padding-top: 120rpx;" class="u-text-center">
						<view style="color: #005692;font-size: 40rpx;font-weight: bold;">{{$t('忙碌提醒')}}</view>
						<view style="color: #005692;font-size: 30rpx;font-weight: bold;margin-top: 60rpx;">{{$t('翻译人员正在赶来')}}...</view>
						<view style="width: 76%;color: #343434;margin: auto;margin-top:40rpx;font-size: 10px;white-space: normal;word-wrap:break-word;word-break: break-all;">{{$t('当前无空闲翻译在线，平台不收取您的费用，您可以选择继续等待或者取消订单')}}</view>
						<view style="z-index: 0;margin-top: 56rpx;" class="flex flex-both">
							<u-button type="primary" shape="circle" style="width:45%;"   class="font-14 subp" v-if="order.user_id==user_id" :loading="selectVoice_loading" :disabled="selectVoice_loading" @click="selectVoice_changeMeet(order)">{{lang=='zh'?$t('取消订单'):'Отменить'}}</u-button>
							<u-button type="primary" shape="circle" style="width:45%;"  class="font-14 subp"   :loading="selectVoice_loading" :disabled="selectVoice_loading" @click="selectVoice_changewaitMeet(order)">{{$t('继续等待')}}</u-button>
						</view>
						
					</view>
					
				</view>
			</u-popup>
			
			<u-popup v-model="order.selectTimes_show" :mask-close-able="false" mode="center" width="90%" class="selectVoice_boxs" >
			<view class="posit-relat">
				<view class="posit-absol" style="width: 240rpx;height: 240rpx;top: -120rpx;left:calc(50% - 120rpx);">
					<image class="width-all height-all" style="" mode="widthFix"
						src="/static/images/user/newUI/times.png" alt="" />
				</view>
				<view style="padding-top: 120rpx;" class="u-text-center">
					<view style="color: #005692;font-size: 40rpx;font-weight: bold;">{{order.selectVoice_closeMeet==false?$t('超时提醒'):$t('忙碌提醒')}}</view>
					<view v-if="order.selectVoice_closeMeet==false" style="width: 76%;color: #005692; margin: auto;margin-top:40rpx;font-size: 10px;white-space: normal;word-wrap:break-word;word-break: break-all;">
					{{$t('由于服务人员未能与你取得联系或您未进行任何确认等操作 导致订单流转超时给你带来的不便 我们深表歉意您支付的积分将全额原路返还')}}
					</view>
					<view  v-if="order.selectVoice_closeMeet==true" style="color: #005692;font-size: 30rpx;font-weight: bold;margin-top: 60rpx;">{{$t('当前翻译繁忙,无法为您提供服务')}}</view>
					<view  v-if="order.selectVoice_closeMeet==true" style="width: 76%;color: #343434;margin: auto;margin-top:40rpx;font-size: 10px;white-space: normal;word-wrap:break-word;word-break: break-all;">{{$t('当前无空闲翻译在线，平台不收取您的费用，您可以选择继续等待或者取消订单')}}</view>
					<view style="z-index: 0;margin-top: 56rpx;" class="flex flex-both">
						<u-button type="primary" shape="circle" style="width:45%;"   class="font-14 subp"  :loading="selectVoice_loading" :disabled="selectVoice_loading" @click="selectVoice_changetimes(order)">{{$t('结束订单')}}</u-button>
					</view>
					
				</view>
				
			</view>
		</u-popup>
		</view>
		<view class="padd-0_15" id="scrollToElement"  style="margin-top: 48rpx;z-index: 99999;" v-if="type==2">
			<view class="flex flex-both marg-b-10">
				<view  class="flex">
					<view class="marg-r-5">
						<image style="padding-top: 8rpx;" class="history_img" mode="widthFix"
							src="/static/images/user/newUI/video.png" alt="" />
					</view>
					<view style="font-size: 30rpx;">{{$t('当前视频会议')}}</view>
				</view>
				<view class="flex" @click="meeting_show = true">
					<view class="marg-r-5 u-text-right">{{$t('会议号入会')}}</view>
					<image class="zhuanhuan_img" mode="widthFix"
						:src='serverImageUrl("/static/images/service/righticon.png")' alt="" />
				</view>
				
			</view>
			<scroll-view  :scroll-x="true" style="white-space: nowrap;display: flex" class="width-all" :style="lang=='zh'?'height: 250px':'height: 290px'">
					<view class="center_box center_box_imgnone" v-if="ordersMeet.length==0" :style="lang=='zh'?'width: 336px;height: 250px':'width: 336px;height: 250px'">
						<view style="margin: auto;padding: 0 30px;margin-left: 35px;" v-if="lang=='zh'">
							<image style="width: 100%;height: 120px;margin: auto;display: flex;" src='/static/images/user/newUI/none.png' alt="" />
						</view>
						<view style="margin: auto;padding: 0 30px;margin-left: 35px;" v-if="lang=='ru'">
							<image style="width: 80%;height: 100px;margin: auto;display: flex;" src='/static/images/user/newUI/none.png' alt="" />
						</view>
						<view v-if="lang=='zh'" style="margin: 0px 30px 0px 50px;white-space: pre-wrap;color: #AEB4C0;font-size: 14px;text-align: center;">{{$t('暂无信息,创建会议/语音创造更多财富机遇')}}</view>
						<view v-if="lang=='ru'" style="margin: 0px 10px 0px 30px;white-space: pre-wrap;color: #AEB4C0;font-size: 15px;text-align: center;">{{$t('暂无信息,创建会议/语音创造更多财富机遇')}}</view>
					</view>	
					<view class="center_box center_box_img1"  v-if="ordersMeet.length>0" v-for="order in ordersMeet" :key="order.id" :style="lang=='zh'?'width: 336px;':'width: 340px;'">
						<view class="center_box_top" style="color: #0F265D;font-weight: bold;" :style="lang=='zh'?'line-height: 50px':'line-height: 30px;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;'">
							{{order.meeting.name}}
						</view>
						<view class="center_box_center width-all flex-wrap" :style="lang=='zh'?'font-size: 12px;':'font-size: 14px;margin-top: 8px;'">
							<view style="width: 50%;margin-top: 8px;">
								<view style="color: #666666;">{{$t('发起人')}}</view>
								<view class="over-hide-1" v-if="lang=='zh'" style="
									width: 80%;
									white-space: pre-wrap; 
									font-size: 14px;
									color: #1D1D1D;
									margin-top: 8px;
									word-wrap:break-word;
									word-break: break-all">{{order.user.username}}</view>
									<view class="over-hide-1" v-if="lang=='ru'" style="
									width: 80%;
									white-space: pre-wrap; 
									font-size: 14px;
									color: #1D1D1D;
									margin-top:8px;
									word-wrap:break-word;
									word-break: break-all">{{order.user.username_ru}}</view>
							</view>
							<view style="width: 50%;margin-top: 8px;">
								<view style="color: #666666;">{{$t('服务人')}}</view>
								<view class="over-hide-1" v-if="lang=='zh'" style="
								width: 80%;
								white-space: pre-wrap;
								 font-size: 14px;
								 color: #1D1D1D;
								 margin-top: 8px;
								 word-wrap:break-word;
								 word-break: break-all">{{order.matchingValue.username || $t('正在匹配')}}</view>
								<view class="over-hide-1" v-if="lang=='ru'" style="
								width: 90%;
								white-space: pre-wrap;
								 font-size: 14px;
								 color: #1D1D1D;
								 margin-top: 8px;
								 word-wrap:break-word;
								 word-break: break-all">{{order.matchingValue.username_ru || $t('正在匹配')}}</view>
							</view>
							<view style="width: 50%;margin-top: 20px;margin-bottom: 12px;">
								<view style="color: #666666;white-space: pre-wrap;
								word-wrap:break-word;
								word-break: break-all;">{{$t('会议号')}}</view>
								<view class="" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;">{{order.id}}</view>
							</view>
							<view style="width: 50%;margin-top: 20px;margin-bottom: 12px;">
								<view style="color: #666666;">{{$t('会议时间')}}</view>
								<view class="" v-if="lang=='zh'" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;">{{order.start_timeValue_arr.name}}</view>
								<view class="" v-if="lang=='ru'" style="font-size: 14px;color: #1D1D1D;margin-top: 8px;">{{order.start_timeValue_arr.name_ru}}</view>
							</view>
						</view>
						<view class="center_box_bottom flex flex-item-grow-1" v-if="lang=='zh'">
							<view class="center_box_bottomleft" :class="order.meet_Status === 'pending'?'center_box_bottomleft1':'center_box_bottomleft2'" v-if="order.meet_Status != 'complete'&&order.user_id==user_id" @click="closeChangeMeet(order)">{{$t('取消订单')}}</view>
							<view class="center_box_bottomright flex"  :class="order.meet_Status === 'pending' || order.meet_Status === 'complete'|| (order.meet_Status === 'submit'&&order.user_id!=user_id)?'center_box_bottomright1':'center_box_bottomright2'">
								<view style="width: 100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'pending'">{{$t('等待服务人员发起沟通')}}{{order.countdown}}</view>
								<view style="width: 50%;background-color: #06C36E;padding: 12px 0;" v-if="order.meet_Status === 'accepted'" @click="selectRenChangeMeet(order)">{{$t('更换服务人员')}}</view>
								<view style="width: 50%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'accepted'" @click="submintRenChangeMeet(order)">{{$t('确定服务人员')}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'&&order.user_id==user_id">{{$t('距离会议开始')}}:{{order.manageCount}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'&&order.user_id!=user_id">{{$t('距离会议开始')}}:{{order.manageCount}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;" v-if="order.meet_Status === 'complete'"  @click="selectFaChangeMeet(order)">{{$t('进入会议')}}</view>
							</view>
						</view>
						<view class="center_box_bottom flex flex-item-grow-1" v-if="lang=='ru'">
							<view class="center_box_bottomleftru" :class="order.meet_Status === 'pending'|| order.meet_Status === 'complete'?'center_box_bottomleft1':'center_box_bottomleft2'" v-if="order.meet_Status != 'complete'&&order.user_id==user_id" @click="closeChangeMeet(order)">Отмени заказ.</view>
							<view class="center_box_bottomrights flex"  :class="order.meet_Status === 'pending'|| order.meet_Status === 'complete' || (order.meet_Status === 'submit'&&order.user_id!=user_id)?'center_box_bottomright1':'center_box_bottomright2'">
								<view style="
								width: 100%;
								background-color: #5C8DFF;
								border-bottom-right-radius: 8px;
								white-space: pre-wrap;
								word-wrap:break-word;
								font-size: 14px;
								word-break: break-all;height: 80rpx" v-if="order.meet_Status === 'pending'">{{$t('等待服务人员发起沟通')}}{{order.countdown}}</view>
								<view style="
								width: 50%;
								background-color: #06C36E;
								white-space: pre-wrap;
								word-wrap:break-word;
								word-break: break-all;height: 80rpx" v-if="order.meet_Status === 'accepted'" @click="selectRenChangeMeet(order)">{{$t('更换服务人员')}}</view>
								<view style="
								width: 50%;
								background-color: #5C8DFF;
								border-bottom-right-radius: 8px;
								white-space: pre-wrap;
								word-wrap:break-word;
								word-break: break-all;height: 80rpx" v-if="order.meet_Status === 'accepted'" @click="submintRenChangeMeet(order)">{{$t('确定服务人员')}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'&&order.user_id==user_id">{{$t('距离会议开始')}}:{{order.manageCount}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;" v-if="order.meet_Status === 'submit'&&order.user_id!=user_id">{{$t('距离会议开始')}}:{{order.manageCount}}</view>
								<view style="width:100%;background-color: #5C8DFF;padding: 12px 0;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;" v-if="order.meet_Status === 'complete'"  @click="selectFaChangeMeet(order)">{{$t('进入会议')}}</view>
							</view>
						</view>
					</view>			
				</scroll-view>
		</view>
		<view class="lishi flex-both padd-0_15">
			<view class="flex">
				<view>
					<image style="padding-top: 8rpx;" class="history_img" mode="widthFix"
						src="/static/images/user/newUI/history.png" alt="" />
				</view>
				<view style="font-size: 30rpx;">{{$t('历史记录')}}</view>
			</view>
			<view class="flex flex-both" :style="{'width':lang=='zh'?'50%':'60%'}" style="font-size: 12px;" >
				<view class="item_styles" v-if="lang=='zh'" :class="current==0?'item_style_add':''" @click="toggleItemClass(0)">{{$t('语音帮助')}}</view>
				<view class="item_styles_ru" v-if="lang=='ru'" :class="current==0?'item_style_add':''" @click="toggleItemClass(0)">Аудио</view>
				<view class="item_styles" v-if="lang=='zh'" :class="current==1?'item_style_add':''" @click="toggleItemClass(1)">{{$t('视频会议')}}</view>
				<view class="item_styles_ru" v-if="lang=='ru'" :class="current==1?'item_style_add':''" @click="toggleItemClass(1)">{{$t('视频会议')}}</view>
			</view>
		</view>
		<scroll-view @scrolltolower="scrolltolowers()" :scroll-y="true" class="my-content" lower-threshold="50"
			style="height: 80vh;overflow-x: hidden;background-color: #fff;border-top-left-radius: 24rpx;border-top-right-radius: 24rpx;">
			<u-empty v-if="!lists||lists.length==0"></u-empty>
			<view class="padd-0_15" v-if="lists.length>0" v-for="(item,index) in lists" :key="index">
				<view class="footer" :class="item.status==1?'footWan':item.status==2?'footClose':'footWait'" >
					<div class="flex width-all" v-if="lang=='ru'">
						<image v-if="item.status==1" class="width-all" style="height:108rpx;" mode="widthFix"
							src="/static/images/user/newUI/meetingAdd_ru.png" alt="" />
						<image v-if="item.status==2" class="width-all" style="height:108rpx;" mode="widthFix"
							src="/static/images/user/newUI/meetingClose_ru.png" alt="" />
						<image v-if="item.status==0" class="width-all" style="height:108rpx;" mode="widthFix"
							src="/static/images/user/newUI/meetingWait_ru.png" alt="" />
					</div>
					<div class="flex width-all" v-if="lang=='zh'">
						<image v-if="item.status==1" class="width-all" style="height:108rpx;" mode="widthFix"
							src="/static/images/user/newUI/meetingAdd.png" alt="" />
						<image v-if="item.status==2" class="width-all" style="height:108rpx;" mode="widthFix"
							src="/static/images/user/newUI/meetingClose.png" alt="" />
						<image v-if="item.status==0" class="width-all" style="height:108rpx;" mode="widthFix"
							src="/static/images/user/newUI/meetingWait.png" alt="" />
					</div>
					<view style="padding: 0 30rpx;" class="flex flex-col width-all">
						<view  class="flex width-all flex-both marg-b-20" v-if="item.type==2" :class="{column:lang=='ru'}">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">1</view>
								<view class="">{{$t('会议类型')}}</view>
							</view>
							<view v-if="lang=='zh'" class="font-13 font-none" style="color: #333;">{{item.meeting?item.meeting.name:''}}</view>
							<view v-if="lang=='ru'" class="font-13 font-none" style="color: #333;">{{item.meeting?item.meeting.name_ru:''}}</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">{{item.type==2?2:1}}</view>
								<view class="">{{lang=='ru'?'Направление':'专业方向'}}</view>
							</view>
							<view v-if="lang=='zh'" class="font-13 font-none" style="color: #333;">{{item.professional?item.professional.name:''}}</view>
							<view v-if="lang=='ru'" class="font-13 font-none" style="color: #333;">{{item.professional?item.professional.name_ru:''}}</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20" v-if="item.type==2">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img"  :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">3</view>
								<view class="">{{$t('会议开始时间')}}</view>
							</view>
							<!-- <view class="flex font-13 font-none" style="color: #333;"><view class="marg-r-10" style="font-size: 10px;">Beijing</view><view> {{item.start_time}}</view> </view></view> -->
						<view v-if="lang=='zh'" class="flex font-13 font-none" style="color: #333;">{{item.start_timeValue_arr!=null?item.start_timeValue_arr.name:''}}</view>
						<view v-if="lang=='ru'" class="flex font-13 font-none" style="color: #333;">{{item.start_timeValue_arr!=null?item.start_timeValue_arr.name_ru:''}}</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20" v-if="item.type==1">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">2</view>
								<view class="">{{$t('语音开始时间')}}</view>
							</view>
							<view v-if="lang=='zh'" class="flex font-13 font-none" style="color: #333;">{{item.start_timeValue_arr!=null?item.start_timeValue_arr.name:''}}</view>
							<view v-if="lang=='ru'" class="flex font-13 font-none" style="color: #333;">{{item.start_timeValue_arr!=null?item.start_timeValue_arr.name_ru:''}}</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20" v-if="item.type==2">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">4</view>
								<view class="">{{$t('会议时长')}}</view>
							</view>
							<view class="font-13 font-none" style="color: #333;">{{item.duration}}{{$t('分钟')}}</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20" v-if="item.type==1">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">3</view>
								<view class="">{{$t('语音时长')}}</view>
							</view>
							<view class="font-13 font-none" style="color: #333;">{{item.duration}}{{$t('分钟')}}</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img" v-if="item.type==1" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">4</view>
								<view class="meeting_box_img" v-if="item.type==2" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">5</view>
								<view class="">{{$t('订单时间')}}</view>
							</view>
							<view class="flex font-13 font-none" style="color: #333;">
								<view class="marg-r-10" style="font-size: 10px;">Beijing</view>
								<view>{{item.create_at}}</view>
							</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20" v-if="item.status==2">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img"  v-if="item.type==1" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">5</view>
								<view class="meeting_box_img"  v-if="item.type==2" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">6</view>
								<view class="">{{$t('取消时间')}}</view>
							</view>
							<view class="flex font-13 font-none" style="color: #333;">
								<view class="marg-r-10" style="font-size: 10px;">Beijing</view>
								<view>{{item.cancel_at}}</view>
							</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20" v-if="item.status==2&&item.back_score>0">
							<view class="flex font-12" style="color: #FF342A;">
								<view class="marg-r-10">{{$t('已退还积分')}}</view>
								<view class="">({{item.back_score}}{{$t('积分')}})</view>
							</view>
						</view>
						<view  class="flex width-all flex-both marg-b-20" v-if="item.status!=2">
							<view class="flex font-13 font-bold" style="color: #1D1D1D;">
								<view class="meeting_box_img" v-if="item.type==1" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">5</view>
 								<view class="meeting_box_img" v-if="item.type==2" :class="item.status==1?'meeting_complette':item.status==2?'meeting_close':'meeting_dai'" style="margin-right: 12rpx;">6</view>
								<view class="">{{$t('服务评价')}}</view>
							</view>
							<view v-if="item.status==1"><u-rate active-color="#FDBD3B" v-model="item.evaluate" :count="5" :disabled="true"></u-rate></view>
							<view v-if="item.status==0" style="color: #fff;background-color: #00BA66;padding: 10rpx 30rpx; border-radius: 30rpx;" class="font-13 font-bold" @click="server_tipsChange(item)">{{$t('待评价')}}</view>
						</view>
						<view  class="flex width-all" v-if="item.status==1" :class="lang=='ru'?'marg-b-10':'marg-b-20'">
							<view class="flex width-all flex-right" v-if="item.evaluate&&item.evaluate!=0&&item.evaluate_brand">
								<view class="meeting_ping" v-if="brandChange(item.evaluate_brand)[0]=='1'">
									<view  style="color: #fff;" v-if="item.evaluate==1">{{$t('服务体验差')}}</view>
									<view  style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('服务一般')}}</view>
									<view  style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('服务体验好')}}</view>
									<view style="width: 46rpx;height: 46rpx;overflow: hidden;">
										<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/bad.png" alt="" />
										<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/hao.png" alt="" />
										<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/haos.png" alt="" />
									</view>
								</view>
								<view class="meeting_ping marg-l-10" v-if="brandChange(item.evaluate_brand)[1]=='1'">
									<view  style="color: #fff;" v-if="item.evaluate==1">{{$t('翻译错误')}}</view>
									<view  style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('翻译精准')}}</view>
									<view  style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('翻译精准')}}</view>
									<view style="width: 46rpx;height: 46rpx;overflow:hidden ;">
										<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/bad.png" alt="" />
										<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/hao.png" alt="" />
										<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/haos.png" alt="" />
									</view>
								</view>
								<view class="meeting_ping marg-l-10" v-if="brandChange(item.evaluate_brand)[2]=='1'">
									<view style="color: #fff;" v-if="item.evaluate==1">{{$t('时间观念差')}}</view>
									<view  style="color: #fff;" v-if="item.evaluate==2||item.evaluate==3">{{$t('稍稍迟到')}}</view>
									<view  style="color: #fff;" v-if="item.evaluate==4||item.evaluate==5">{{$t('准点守时')}}</view>
									<view style="width: 46rpx;height: 46rpx;overflow: hidden;">
										<image v-if="item.evaluate==1" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/bad.png" alt="" />
										<image v-if="item.evaluate==2||item.evaluate==3" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/hao.png" alt="" />
										<image v-if="item.evaluate==4||item.evaluate==5" class="width-all height-all"mode="widthFix"
											src="/static/images/user/newUI/haos.png" alt="" />
									</view>
								</view>
							</view>
						</view> 
					</view>
				</view>
			</view>
		</scroll-view>

		<chatMessageModal2 :chatMessageModalIsShow.sync="chatMessageModalIsShow" ref="messageModal" />
		<permissionMeet ref="permissionMeet" v-show="platform=='android'&&plat=='app'&&tan_flag==true&&permissionsShow==true">
		</permissionMeet>
	</view>
</template>

<script>
	import {
		HTTP_REQUEST_URL,
		IMAGE_URL,
		HTTP_IMG_UTL
	} from '@/config/app';
	import {
		createVoiceCall
	} from "@/common/public";
	import chatMessageModal2 from "@/pages/tabbar/components/chatMessageModal2.vue"
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import xiaoluTree from '@/components/xiaolu-tree/tree.vue';
	import moment from "moment"
	import permissionMeet from "@/components/permissionMeet.vue";
	import SelectCity from "@/components/page/SelectCityNew.vue"
	export default {
		mixins: [MescrollMixin],
		components: {
			chatMessageModal2,
			permissionMeet,
			xiaoluTree,
			SelectCity
		},
		data() {
			return {
				user_id:0,
				IMAGE_URL,
				chatMessageModalIsShow: false,
				lang: this.$i18n.locale,
				loading: false,

				type: 1,
				lang_img: "/static/images/service/lang_white.png",
				video_img: "/static/images/service/video_blue.png",
				request_lang: 3,
				request_languages:'',
				langs_startValue:'',
				langs_endValue:'',
				langs_typeList:[
					[
					{label:this.$t('中文'),value:this.$t('中文')},
					{label:this.$t('俄文'),value:this.$t('俄文')},
					{label:this.$t('英语'),value:this.$t('英语')},
					],
					[
					{label:this.$t('中文'),value:this.$t('中文')},
					{label:this.$t('俄文'),value:this.$t('俄文')},
					{label:this.$t('英语'),value:this.$t('英语')},
					]
				],
				defaultLanguages:[],
				meetingHours:'',
				meetingHoursValue:null,
				array2_name:'',
				array2_value:'',
				array2: [],
				tabsList:[
					{name:this.$i18n.locale=='zh'?this.$t('语音帮助'):'Аудио'},
					{name:this.$t('视频会议')}
				],
				current: 0,
				array3_name:'',
				array3_value:'',
				array3: [],
				array4: [],
				arrays4: [],
				array4_name:'',
				array4_value:'',
				dateText: '',
				page: 1,
				lists: [],
				chatMessage: '',
				meeting_id: 0,
				professional_id: 0,
				start_time: '',
				duration: '',
				meeting_show: false,
				meetingId: '',
				submit_loading: false,
				meeting_service: false,
				params: {
					year: true,
					month: true,
					day: true,
					hour: true,
					minute: true,
					second: false
				},
				myStyle: {
					textAlign: getApp().globalData.lang == 'ru' ? 'left' : '',
					pointerEvents: "none"
				},
				date_show: false,
				jionList_show: false,
				jionLists: [],
				jionListSelect: [],
				jionListSelected: [],
				jionListSelect_name: '',
				jionListSelect_value: '',
				keywords: '',
				jionText: '',
				isActive1: false,
				isActive2: false,
				isActive3: false,
				downOption: {
					textLoading: this.$t('加载中'),
					textSuccess: this.$t('加载成功'),
					textInOffset: this.$t('下拉刷新'),
					textOutOffset: this.$t('释放更新'),
				},
				upOption: {
					page: {
						num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
						size: 10, // 每页数据的数量
						time: null // 加载第一页数据服务器返回的时间; 防止用户翻页时,后台新增了数据从而导致下一页数据重复;
					},
					// auto: false, // 是否在初始化完毕之后自动执行上拉加载的回调; 默认true
					// offset: 80, // 距底部多远时(默认80),触发upCallback(仅mescroll-uni生效, 对于mescroll-body则需在pages.json设置"onReachBottomDistance")
					// toTop:{
					// 	src:''
					// },
					textNoMore: this.$t('没有更多了'), // 没有更多数据的提示文本
					textLoading: this.$t('加载中'),
					textSuccess: this.$t('加载成功'),
					empty: {
						// icon: "", // 图标路径
						tip: this.$t('暂无相关数据')
					}
				},
				plat: 'app',
				tan_flag:false,
				permissionsShow:false,
				camera_flag:false,
				platform:'',
				pricesType:false,
				pricesType1:false,
				request_prices:'',
				prices_Value:'',
				prices_Name:'',
				prices_typeList:[
					{label:20+this.$t('积分/分钟'),value:20,id:20},
					{label:40+this.$t('积分/分钟'),value:40,id:40},
					{label:60+this.$t('积分/分钟'),value:60,id:60},
					{label:80+this.$t('积分/分钟'),value:80,id:80},
					{label:100+this.$t('积分/分钟'),value:100,id:100},
				],
				languagesType:false,
				languagesType1:false,
				languages_checkedArr:[],
				languages_props:{
					label: 'label',
					children: 'children',
					multiple:true,
					nodes:false,
					hasPath:false
				},
				langs_type:false,
				userinfo:{},
				meetingType:false,
				meeting_zhuan:false,	
				meeting_shichang:false,
				meeting_shichang1:false,
				server_tips:false,
				serverDate:{},
				evaluateCount:0,
				evaluate_loading:false,
				payment_show:false,
				paymentClose_show:false,
				payment_loading:false,
				paymentClose_loading:false,
				meeting_startTime:'',
				meeting_score_total:'',
				meeting_score:0,
				meeting_loading:false,
				serverStar:'',
				voiceList:[],
				selectVoice_show:false,
				meetingList:[],
				selectMeeting_show:false,
				intervalId: null, 
				intervalIdMeet: null, 
				orders: [],
				ordersList:[],
				orderObject:{},
				ordersMeet: [],
				ordersMeetList: [],
				orderObjectMeet:{},
				meeting_durationList:[],
				meeting_durationLists:[],
				selectVoice_loading:false,
				timesType:false,
				timesType1:false,
				message_flag:'',
				paymentClose_date:{},
				paymentClose_showMeet:false,
				evaluate_brand:'',
				selectOrder_show:false,
				select_city_new:[],
				select_city_newd:[],
				is_port:true,
				is_register:0,
				city_name:'',
				city_value:'',
				orderTimes_show:false,
				customStyle:{
					color:'#fff',
					border:'none',
				},
				typeActionNum1:0,
				typeActionNum2:0
				
				
			}
		},
	async	onLoad(option) {
			console.log('传递参数',option)
			uni.setNavigationBarTitle({
				title: this.$t("多语管家")
			})
			this.userinfo = uni.getStorageSync('userInfoFull')
			if (uni.getStorageSync("user_id")) {
				this.defaultLanguages=[this.userinfo.country.value==0?0:1,0]
				if (option.typeAction){
					this.type=2
					if (this.type == 1) {
						this.lang_img = "/static/images/service/lang_white.png"
						this.video_img = "/static/images/service/video_blue.png"
					} else {
						this.lang_img = "/static/images/service/lang_blue.png"
						this.video_img = "/static/images/service/video_white.png"
					}
					this.langs_startValue=''
					this.langs_endValue=''
					this.meetingHours=''
					this.meetingHoursValue=''
					this.array4_value=''
					this.array4_name=''
					this.page=1
				}
				
			}
			const systemInfo = uni.getSystemInfoSync();
			if (uni.getStorageSync('platform')) {
				this.platform = uni.getStorageSync('platform');
			} else {
				this.platform = systemInfo.platform;
			}
			

			this.permissionsShow = uni.getStorageSync('permissionsShow');
			this.cate()
			this.zhuanye()
			this.initOrders()
			this.my_Liuyan()
			this.prices_Value=this.prices_typeList[0].value
			this.prices_Name=this.prices_typeList[0].label
			this.message_flag=await this.flag_Changes()
			this.meeting_durationList=await	this.meeting_durationChange(1)
			this.meeting_durationLists=await this.meeting_durationChanges(2)
			this.array4=await this.meeting_times(1)
			this.arrays4=await this.meeting_times(2)
			
		},
		onUnload() {
		  this.orders.forEach((order) => {
		       clearInterval(order.intervalId); 
		       clearInterval(order.pollingIntervalId); 
			   clearInterval(order.pollings);
			   order.orderTimes_show=false
		  });
		  this.ordersMeet.forEach((order) => {
		       clearInterval(order.intervalId); 
		       clearInterval(order.pollingIntervalId); 
			   clearInterval(order.pollings);
			   order.orderTimes_show=false
		     });
		},
	async	onShow() {
			uni.setNavigationBarTitle({
				title: this.$t("多语管家")
			})
			this.userinfo = uni.getStorageSync('userInfoFull')
			if (uni.getStorageSync("user_id")) {
				this.defaultLanguages=[this.userinfo.country.value==0?0:1,0]
				let typeActionNum1=await this.meet_Liuyans(1)
				this.typeActionNum1=typeActionNum1.length
				let typeActionNum2=await this.meet_Liuyans(2)
				this.typeActionNum2=typeActionNum2.length
			}
			console.log(Date.now(),'this.userinfo',this.defaultLanguages)
			this.permissionsShow = uni.getStorageSync('permissionsShow');
			const that = this
			that.plat = uni.getStorageSync('plat')
			if(that.platform=='android'){
			if (that.plat == 'app') {
				if (that.$refs.permissionMeet) {
					that.$refs.permissionMeet.checkRecordPermission()
					that.$refs.permissionMeet.checkPhotoPermission()
				}
				setTimeout(() => {
					if ((uni.getStorageSync('CAMERA_permission') == 1) && (uni.getStorageSync(
							'record_permission') == 1)) {
						that.tan_flag = false
					} else {
						that.tan_flag = true
					}
				}, 2000)
			}

			}
			if (!uni.getStorageSync("user_id")) {
				uni.showToast({
					title: this.$t('请先登录'),
					icon: "none"
				})
				setTimeout(() => {
					this.$u.route('/pages/user/login/login')
				}, 2000)
			}else{
				that.user_id = uni.getStorageSync("user_id")
			}
			
		},
		methods: {
			orderTimes_change(v_order,type){
				if(type==1){
					v_order.orderTimes_show=false
					this.persistOrders(v_order)
					this.scrollToElement('scrollToElement')
				 }
				 if(type==2){
					 v_order.orderTimes_show=false
					this.persistOrdersMeet(v_order)
					this.scrollToElement('scrollToElement')
				  }
				  
			},
			//当前所在城市
			city_confirm(e){
				console.log('当前所在城市',e)
				if(e.length>0){
					this.city_name=e.map((item)=>{return item.label}).join(',');
					this.city_value=e[2].value
				}else{
					this.city_name=''
					this.city_value=''
				}
				
			},
			meeting_times(v_type){
				return new Promise((resolve,reject)=>{
				this.$u.api.user.meeting_duration({
						type: v_type
					}).then(res => {
						console.log('时长',res)
						resolve(res.data)
					})
					})
			},
			selectOrder_change(){
				this.selectOrder_show=false
				this.page=1
				this.initOrders()
				this.my_Liuyan()
			},
			brandChange(v_arry){
				return v_arry.split(',')
			},
			evaluateChange(e){
				 this.isActive1=true
				 this.isActive2=false
				 this.isActive3=false
			},
			toggleClass(index) {
			      if (index === 1) {
			        this.isActive1 = !this.isActive1;
			      } else if (index === 2) {
			        this.isActive2 = !this.isActive2;
			      } else if (index === 3) {
			        this.isActive3 = !this.isActive3;
			      }
			    },
			changeMonment(v_show){
				this.dateText = moment().format('YYYY-MM-DD HH:mm');
			},
			selectVoice_changetimes(v_order){
				//this.enableScroll()
				v_order.selectTimes_show=false
				if(this.type==1){
					this.orders.map((v_tem)=>{
						if(v_tem.id==v_order.id){
							v_tem=v_order
						}
					})
				}
				if(this.type==2){
				this.ordersMeet.map((v_tem)=>{
					if(v_tem.id==v_order.id){
						v_tem=v_order
					}
				})
				}
				this.page=1
				this.initOrders()
				this.my_Liuyan()
			},
			//发起语音
		  async	selectFaChange(v_order){
			    console.log('发起语音',v_order)
			    let result=	await this.timeoutChange(v_order)
				if(result.end_time!=0){
					this.selectOrder_show=true
					return false
				}
				createVoiceCall(v_order.matchingValue.mobile, this)
			},
			async	selectFaChangeMeet(v_order){
				let result=	await this.timeoutChange(v_order)
				if(result.end_time!=0){
					this.selectOrder_show=true
					return false
				}
				this.jon_submit(v_order)
			},
			timeoutChange(v_order){
				return new Promise((resolve,reject)=>{
					this.$u.api.user.yanzheng_confirm({
						id:v_order.id,
					}).then(res => {
						resolve(res)
					})
				})
				
			},
			disableScroll() {
			      document.body.style.overflow = 'hidden';  // 禁用滚动
			      document.body.style.position = 'fixed';  // 防止滚动时页面抖动
			      document.body.style.width = '100%';  // 防止页面因 `position: fixed` 宽度变化
			    },
			    
			    // 恢复页面滚动
			    enableScroll() {
			      document.body.style.overflow = '';  // 恢复滚动
			      document.body.style.position = '';  // 恢复默认的 position
			      document.body.style.width = '';  // 恢复默认宽度
			    },
			//取消订单
		async	closeChange(v_order){
				if(v_order.user_id!=this.user_id){
					uni.showModal({
						content:this.$t('暂无权限访问')
					})
					return;
				}
			
			
				console.log('取消订单1',v_order)
				//this.enableScroll()
				this.paymentClose_date=v_order
				this.paymentClose_show=true
				
				this.message_flag=await this.flag_Changes()
				// this.orders.map((order) => {
				// 	if(v_order.id==order.id){
				// 		order.paymentClose_show=true
				// 	}
				    
				//    });
			},
		async	closeChangeMeet(v_order){
				if(v_order.user_id!=this.user_id){
					uni.showModal({
						content:this.$t('暂无权限访问')
					})
					return;
				}
			
			
				console.log('取消订单2',v_order)
				this.paymentClose_date=v_order
			//	this.enableScroll()
				this.paymentClose_show=true
				
				this.message_flag=await this.flag_Changes()
				// this.orders.map((order) => {
				// 	if(v_order.id==order.id){
				// 		order.paymentClose_showMeet=true
				// 	}
				    
				//    });
			},
			paymentCloseChange(v_order){
				this.paymentClose_loading=true
				setTimeout(()=>{
				this.paymentClose_loading=false	
				},1000)
				this.$u.api.user.cancel_confirm({
					id:v_order.id,
				}).then(res => {
					console.log('111111',res)
					this.paymentClose_date=""
					this.paymentClose_show=false
					clearInterval(v_order.intervalId);
					clearInterval(v_order.pollingIntervalId);
					v_order.intervalId=null
					v_order.pollingIntervalId=null
					this.orders.map((order) => {
						if(v_order.id==order.id){
							// order.paymentClose_show=false
							// order.paymentClose_loading=false
							clearInterval(order.intervalId);
							clearInterval(order.pollingIntervalId);
							order.intervalId=null
							order.pollingIntervalId=null
							v_order=order
						}
					    
					   });
					this.page=1
					this.initOrders()
					this.my_Liuyan()
				})
			},
			paymentCloseChangeMeet(v_order){
				this.paymentClose_loading=true
				setTimeout(()=>{
				this.paymentClose_loading=false	
				},1000)
				this.$u.api.user.cancel_confirm({
					id:v_order.id,
				}).then(res => {
					this.paymentClose_show=false
					clearInterval(v_order.intervalId);
					clearInterval(v_order.pollingIntervalId);
					v_order.intervalId=null
					v_order.pollingIntervalId=null
					this.ordersMeet.map((order) => {
						if(v_order.id==order.id){
							// order.paymentClose_show=false
							// order.paymentClose_loading=false
							clearInterval(order.intervalId);
							clearInterval(order.pollingIntervalId);
							order.intervalId=null
							order.pollingIntervalId=null
						}
					    
					   });
					this.page=1
					this.initOrders()
					this.my_Liuyan()
				})
			},
			//更换人员
		async	selectRenChange(v_order){
				let orderResult= await this.selectVoice_changeTime(v_order)
				if(orderResult==2||orderResult==-2){
				  v_order.selectTimes_show=true
				  clearInterval(v_order.intervalId);
				  clearInterval(v_order.pollingIntervalId);
				  v_order.intervalId=null
				  v_order.pollingIntervalId=null
				  v_order.selectVoice_showMeet=false
				  v_order.selectVoice_closeMeet=false
				  this.orders.map((v_tem)=>{
				  	if(v_tem.id==v_order.id){
				  		v_tem=v_order
				  	}
				  })
				  uni.setStorageSync('orders_yu',this.orders)
				   return false
				}
				this.$u.api.user.selects_confirm({
					id:v_order.id,
				}).then(res => {
					clearInterval(v_order.intervalId);
					clearInterval(v_order.pollingIntervalId);
					v_order.intervalId=null
					v_order.pollingIntervalId=null
					v_order.meet_Status='pending'
					v_order.matchingValue={}
					v_order.meeting_Time = Date.now() + 2 * 60 * 1000; 
					this.orders.map((v_tem)=>{
						if(v_tem.id==v_order.id){
							v_tem=v_order
						}
					})
					
					this.startCountdowns(v_order);
				})
			},
			selectRenChanges(v_order){
					this.$u.api.user.selects_confirm({
						id:v_order.id,
					}).then(res => {
						clearInterval(v_order.intervalId);
						clearInterval(v_order.pollingIntervalId);
						v_order.intervalId=null
						v_order.pollingIntervalId=null
					})
				},
		async	selectRenChangeMeet(v_order){
				let orderResult= await this.selectVoice_changeTime(v_order) 
				if(orderResult==2||orderResult==-2){
				  v_order.selectTimes_show=true
				  clearInterval(v_order.intervalId);
				  clearInterval(v_order.pollingIntervalId);
				  v_order.intervalId=null
				  v_order.pollingIntervalId=null
				  v_order.selectVoice_showMeet=false
				  v_order.selectVoice_closeMeet=false
				  this.ordersMeet.map((v_tem)=>{
				  	if(v_tem.id==v_order.id){
				  		v_tem=v_order
				  	}
				  })
				  uni.setStorageSync('orders_shi',this.ordersMeet)
				   return false
				}
				this.$u.api.user.selects_confirm({
					id:v_order.id,
				}).then(res => {
					clearInterval(v_order.intervalId);
					clearInterval(v_order.pollingIntervalId);
					v_order.intervalId=null
					v_order.pollingIntervalId=null
					v_order.meet_Status='pending'
					v_order.matchingValue={}
					v_order.meeting_Time = Date.now() + 2 * 60 * 1000; 
					this.ordersMeet.map((v_tem)=>{
						if(v_tem.id==v_order.id){
							v_tem=v_order
						}
					})
					
					this.startCountdownsMeet(v_order);
				})
			},
			selectRenChangeMeets(v_order){
					this.$u.api.user.selects_confirm({
						id:v_order.id,
					}).then(res => {
						clearInterval(v_order.intervalId);
						clearInterval(v_order.pollingIntervalId);
						v_order.intervalId=null
						v_order.pollingIntervalId=null
					})
				},
			//确定人员
			submintRenChange(v_order){
				this.$u.api.user.service_confirm({
					id:v_order.id,
				}).then(res => {
					clearInterval(v_order.intervalId);
					clearInterval(v_order.pollingIntervalId);
					v_order.intervalId=null
					v_order.pollingIntervalId=null
					v_order.meet_Status='submit'
					this.orders.map((v_tem)=>{
						if(v_tem.id==v_order.id){
							clearInterval(v_tem.intervalId);
							clearInterval(v_tem.pollingIntervalId);
							v_tem.intervalId=null
							v_tem.pollingIntervalId=null
							v_tem.meet_Status='submit'
							v_tem=v_order
						}
					})
					this.page=1
					this.initOrders()
					// this.manageCountdown(v_order);
					// //this.persistOrders(v_order)
					// uni.setStorageSync('orders_yu',this.orders);
					
				})
			},
		async	submintRenChangeMeet(v_order){
				let orderResult= await this.selectVoice_changeTime(v_order) //2是兼职打电话啦 1是无兼职接单 -1匹配到兼职人员，但是没有接单
				if(orderResult==2||orderResult==-2){
				   v_order.selectTimes_show=true
				   clearInterval(v_order.intervalId);
				   clearInterval(v_order.pollingIntervalId);
				   v_order.intervalId=null
				   v_order.pollingIntervalId=null
				   v_order.selectVoice_showMeet=false
				   v_order.selectVoice_closeMeet=false
				   this.ordersMeet.map((v_tem)=>{
				   	if(v_tem.id==v_order.id){
				   		v_tem=v_order
				   	}
				   })
				   uni.setStorageSync('orders_shi',this.ordersMeet)
				   return false
				}
				this.$u.api.user.service_confirm({
					id:v_order.id,
				}).then(res => {
					clearInterval(v_order.intervalId);
					clearInterval(v_order.pollingIntervalId);
					v_order.intervalId=null
					v_order.pollingIntervalId=null
					v_order.meet_Status='submit'
					this.ordersMeet.map((v_tem)=>{
						if(v_tem.id==v_order.id){
							clearInterval(v_tem.intervalId);
							clearInterval(v_tem.pollingIntervalId);
							v_tem.intervalId=null
							v_tem.pollingIntervalId=null
							v_tem.meet_Status='submit'
							v_tem=v_order
						}
					})
					this.page=1
					this.initOrders()
					 // this.manageCountdownMeet(v_order);
					 // uni.setStorageSync('orders_shi',this.ordersMeet);
					
					
				})
			},
			checkOrderStatus(v_order,isFinalCheck){
				console.log('checkOrderStatus1111',v_order,isFinalCheck)
					this.$u.api.user.meeting_find({
						id:v_order.id,
					}).then((res) => {
						v_order.matchingValue=res
						if(isFinalCheck&&res==''){
							this.showTimeoutModal(v_order);
						}else if(isFinalCheck==true&&res!=''){
							if(res.is_operate_user==0){
								this.selectRenChanges(v_order)
								v_order.meet_Status = "pending"; 
								v_order.matchingValue={}
								v_order.countdown=""
								v_order.selectVoice_show=true
								v_order.selectVoice_close=false
								clearInterval(v_order.intervalId);
								clearInterval(v_order.pollingIntervalId);
								v_order.intervalId=null
								v_order.pollingIntervalId=null
								this.orders.map((v_tem)=>{
									if(v_tem.id==v_order.id){
										clearInterval(v_tem.intervalId);
										clearInterval(v_tem.pollingIntervalId);
										v_tem.intervalId=null
										v_tem.pollingIntervalId=null
										v_tem=v_order
									}
								})
								return false
							}
							if(res.is_operate_user!=0){
									if(v_order.is_real_time==1){
										console.log('checkOrderStatus3333444444',v_order,isFinalCheck)
										v_order.meet_Status = "complete";
										v_order.countdown=""
										clearInterval(v_order.intervalId);
										clearInterval(v_order.pollingIntervalId);
										v_order.intervalId=null
										v_order.pollingIntervalId=null
										v_order.selectVoice_show=false
										v_order.selectVoice_close=false
										this.persistOrders(v_order)
										this.start_confirms1(v_order)
										
										return false
									}
							}

						}
						else if(isFinalCheck==false&&res!=''&&v_order.type==1){
							if(res.is_operate_user!=0&&v_order.is_real_time==1){
								v_order.meet_Status = "complete";
								v_order.countdown=""
								clearInterval(v_order.intervalId);
								clearInterval(v_order.pollingIntervalId);
								v_order.intervalId=null
								v_order.pollingIntervalId=null
								v_order.selectVoice_show=false
								v_order.selectVoice_close=false
								this.start_confirms1(v_order)
								this.persistOrders(v_order)
								return false
							}
						}
						console.log('查询当前订单状态',res,v_order,isFinalCheck)
						this.persistOrders(v_order); // 每次更新数据后存储到本地
					})
				
			},
			checkOrderStatusMeet(v_order,isFinalCheck){
				console.log('checkOrderStatus1111',v_order,isFinalCheck)
					this.$u.api.user.meeting_find({
						id:v_order.id,
					}).then(res => {
						v_order.matchingValue=res
						if(isFinalCheck&&res==''){
							console.log('checkOrderStatus222',v_order,isFinalCheck)
							this.showTimeoutModal(v_order);
						}else if(isFinalCheck==true&&res!=''){
							console.log('checkOrderStatus3333',v_order,isFinalCheck)
							if(res.is_operate_user==0){
								this.selectRenChangeMeets(v_order)
								v_order.meet_Status = "pending"; 
								v_order.matchingValue={}
								v_order.countdown=""
								v_order.selectVoice_showMeet=true
								v_order.selectVoice_closeMeet=false
								clearInterval(v_order.intervalId);
								clearInterval(v_order.pollingIntervalId);
								v_order.intervalId=null
								v_order.pollingIntervalId=null
								this.ordersMeet.map((v_tem)=>{
									if(v_tem.id==v_order.id){
										clearInterval(v_tem.intervalId);
										clearInterval(v_tem.pollingIntervalId);
										v_tem.intervalId=null
										v_tem.pollingIntervalId=null
										v_tem=v_order
									}
								})
								return false
								// v_order.meeting_Time = Date.now() + 2 * 60 * 1000; //v_order.meeting_Time //Date.now() + 2 * 60 * 1000; 
								// this.startCountdownsMeet(v_order);
							}
							if(res.is_operate_user!=0){
									v_order.meet_Status = "accepted";
									v_order.countdown="" 
									clearInterval(v_order.intervalId);
									clearInterval(v_order.pollingIntervalId);
									v_order.intervalId=null
									v_order.pollingIntervalId=null
									v_order.selectVoice_showMeet=false
									v_order.selectVoice_closeMeet=false
									 
									  this.ordersMeet.map((v_tem)=>{
									  	if(v_tem.id==v_order.id){
									  		clearInterval(v_tem.intervalId);
									  		clearInterval(v_tem.pollingIntervalId);
									  		v_tem.intervalId=null
									  		v_tem.pollingIntervalId=null
									  		v_tem=v_order
									  	}
									  })
									  uni.setStorageSync('orders_shi',this.ordersMeet);
									  return false
							}
			
						}
						else if(isFinalCheck==false&&res!=''&&v_order.type==2){
							if(res.is_operate_user!=0){
								v_order.meet_Status = "accepted";
								v_order.countdown="" 
								clearInterval(v_order.intervalId);
								clearInterval(v_order.pollingIntervalId);
								v_order.intervalId=null
								v_order.pollingIntervalId=null
								v_order.selectVoice_showMeet=false
								v_order.selectVoice_closeMeet=false
								this.ordersMeet.map((v_tem)=>{
									if(v_tem.id==v_order.id){
										v_order=v_tem		
									}
								})
								
							}
						}
						if(v_order.meet_Status == "submit"){
							clearInterval(v_order.intervalId);
							clearInterval(v_order.pollingIntervalId);
							v_order.intervalId=null
							v_order.pollingIntervalId=null
						}
						console.log('查询当前订单状态',res,v_order,isFinalCheck)
						this.persistOrdersMeet(v_order); // 每次更新数据后存储到本地
					})
				
			},
			persistOrders(v_order) {
				console.log('persistOrders',v_order)
				 if(this.orders.length==0)return false
			       this.orders.map((order) => {
					  if(v_order.id==order.id){
						  order.meeting_Time=v_order.meeting_Time
						  order.meeting_endTime=v_order.meeting_endTime
						  order.meet_Status=v_order.meet_Status
						  order.intervalId=v_order.intervalId
						  order.pollingIntervalId=v_order.pollingIntervalId
						  order.pollings=v_order.pollings
						  order.countdown=v_order.countdown
						  order.initialCountdown=v_order.initialCountdown
						  order.matchingValue=v_order.matchingValue
						  order.orderTimes_show=v_order.orderTimes_show
					  }
			       
			      });
				  console.log('====1111', this.orders)
			      uni.setStorageSync('orders_yu',this.orders);
			},
			persistOrdersMeet(v_order) {
				console.log('persistOrdersMeet',v_order)
				 if(this.ordersMeet.length==0)return false
			       this.ordersMeet.map((order) => {
					  if(v_order.id==order.id){
						  order.meeting_Time=v_order.meeting_Time
						  order.meeting_endTime=v_order.meeting_endTime
						  order.meet_Status=v_order.meet_Status
						  order.intervalId=v_order.intervalId
						  order.pollingIntervalId=v_order.pollingIntervalId
						  order.pollings=v_order.pollings
						  order.countdown=v_order.countdown
						  order.initialCountdown=v_order.initialCountdown
						  order.matchingValue=v_order.matchingValue
						  order.orderTimes_show=v_order.orderTimes_show
					  }
			       
			      });
				  console.log('====222', this.ordersMeet)
			      uni.setStorageSync('orders_shi',this.ordersMeet);
			},
			meet_Liuyans(v_type) {
				return new Promise((resolve,reject)=>{
					this.$u.api.user.my_postLiuyan({
						page: 1,
						limit:10000,
						user_id: uni.getStorageSync('user_id'),
						nowlang: getApp().globalData.lang,
						type:v_type,
						today:1
					}).then(res => {
						resolve(res ||[])
					})
			})
			},
			meet_Liuyan() {
				return new Promise((resolve,reject)=>{
					this.$u.api.user.my_postLiuyan({
						page: this.page,
						limit:10000,
						user_id: uni.getStorageSync('user_id'),
						nowlang: getApp().globalData.lang,
						type:this.type,
						today:1
					}).then(res => {
						console.log('查询当前创建订单',res)
						let orders_yu=uni.getStorageSync('orders_yu') || []
						let orders_shi=uni.getStorageSync('orders_shi') || []
						console.log(orders_yu,'查询当前创建订单11111',orders_shi)
						if(this.type==1){
							if(orders_yu.length>0){
								res&&res.map((item,index)=>{
									 orders_yu.map((v_item)=>{
										 if(v_item.id==item.id){
											 item.meeting_Time=v_item.meeting_Time
											 if(item.meet_Status!='submit'&&item.meet_Status!='complete'){
												 item.meet_Status=v_item.meet_Status
											 }
											 item.intervalId=v_item.intervalId
											 item.pollingIntervalId=v_item.pollingIntervalId
											 item.pollings=v_item.pollings
											 item.countdown=v_item.countdown
											 item.manageCount=v_item.manageCount
											 item.initialCountdown=v_item.initialCountdown
											 item.orderTimes_show=v_item.orderTimes_show
											 item.selectVoice_show=false
											 item.selectVoice_close=false
											 item.selectVoice_showMeet=false
											 item.selectVoice_closeMeet=false
											 item.selectTimes_show=false
											 item.paymentClose_loading=false										 
										 }
										 else{
											 item.meeting_Time=new Date().getTime() + 2 * 60 * 1000
											 item.intervalId=null
											 item.pollingIntervalId=null
											 item.pollings=null
											 item.countdown=''
											 item.manageCount=''
											 item.selectVoice_show=false
											 item.selectVoice_close=false
											 item.selectVoice_showMeet=false
											 item.selectVoice_closeMeet=false
											 item.selectTimes_show=false
											 item.paymentClose_loading=false
											 item.orderTimes_show=false
										 }
									 })
								 })
								 
								 resolve(res)
							}else{
								res&&res.map((item)=>{
									 item.meeting_Time=new Date().getTime() + 2 * 60 * 1000
									 item.intervalId=null
									 item.pollingIntervalId=null
									 item.pollings=null
									 item.countdown=''
									 item.manageCount=''
									 item.selectVoice_show=false
									 item.selectVoice_close=false
									 item.selectVoice_showMeet=false
									 item.selectVoice_closeMeet=false
									 item.selectTimes_show=false
									 item.paymentClose_loading=false
									 item.orderTimes_show=false
								 })
								resolve(res)
							}
						}
						if(this.type==2){
							if(orders_shi.length>0){
								res&&res.map((item,index)=>{
									 orders_shi.map((v_item)=>{
										 if(v_item.id==item.id){
											 item.meeting_Time=v_item.meeting_Time
											 if(item.meet_Status!='submit'&&item.meet_Status!='complete'){
											 	item.meet_Status=v_item.meet_Status
											 }
											 item.intervalId=v_item.intervalId
											 item.pollingIntervalId=v_item.pollingIntervalId
											 item.pollings=v_item.pollings
											 item.countdown=v_item.countdown
											 item.manageCount=v_item.manageCount
											 item.initialCountdown=v_item.initialCountdown
											 item.orderTimes_show=v_item.orderTimes_show
											 item.selectVoice_show=false
											 item.selectVoice_close=false
											 item.selectVoice_showMeet=false
											 item.selectVoice_closeMeet=false
											 item.selectTimes_show=false
											 item.paymentClose_loading=false
											 if(this.lang=='ru'){
											 	item.meeting.name=item.meeting.name_ru 
											 }
										 }
										 else{
											 item.meeting_Time=new Date().getTime() + 2 * 60 * 1000
											 item.intervalId=null
											 item.pollingIntervalId=null
											 item.pollings=null
											 item.countdown=''
											 item.manageCount=''
											 item.selectVoice_show=false
											 item.selectVoice_close=false
											 item.selectVoice_showMeet=false
											 item.selectVoice_closeMeet=false
											 item.selectTimes_show=false
											 item.paymentClose_loading=false
											 item.orderTimes_show=false
											 if(this.lang=='ru'){
												item.meeting.name=item.meeting.name_ru 
											 }
										 }
									 })
								 })
								 resolve(res)
							}else{
								res&&res.map((item)=>{
									 item.meeting_Time=new Date().getTime() + 2 * 60 * 1000
									 item.intervalId=null
									 item.pollingIntervalId=null
									 item.pollings=null
									 item.countdown=''
									 item.manageCount=''
									 item.selectVoice_show=false
									 item.selectVoice_close=false
									 item.selectVoice_showMeet=false
									 item.selectVoice_closeMeet=false
									 item.selectTimes_show=false
									  item.paymentClose_loading=false
									  item.orderTimes_show=false
									  if(this.lang=='ru'){
									  item.meeting.name=item.meeting.name_ru 
									  }
								 })
								resolve(res)
							}
						}
					})
				})
					
				
			},
			meeting_durationChange(v_type){
				return new Promise((resolve,reject)=>{
				this.$u.api.user.duration_search({
						type: v_type
					}).then(res => {
						console.log('res111',res)
						res.map((item)=>{
							item.label=this.lang=='zh'?item.name:item.name_ru
						})
						resolve(res)
					})
					})
			},
			meeting_durationChanges(v_type){
				return new Promise((resolve,reject)=>{
				this.$u.api.user.duration_search({
						type: v_type
					}).then(res => {
						console.log('res111',res)
						res.map((item)=>{
							item.label=this.lang=='zh'?item.name:item.name_ru
						})
						resolve(res)
					})
					})
			},
			
			timesconfirm(e){
				console.log('timesconfirm',e)
				this.meetingHours=e[0].label
				this.meetingHoursValue=e[0].value
				this.timesType=false
			},
			timesconfirms(e){
				console.log('timesconfirm',e)
				this.meetingHours=e[0].label
				this.meetingHoursValue=e[0].value
				this.timesType1=false
			},
		async	showTimeoutModal(v_order){
		        		
				if(this.type==1){
					let orderResult= await this.selectVoice_changeTime(v_order)
					if(orderResult==2||orderResult==-2){
					   v_order.selectTimes_show=true
					   clearInterval(v_order.intervalId);
					   clearInterval(v_order.pollingIntervalId);
					   v_order.intervalId=null
					   v_order.pollingIntervalId=null
					   v_order.selectVoice_showMeet=false
					   v_order.selectVoice_closeMeet=false
					   this.orders.map((v_tem)=>{
					   	if(v_tem.id==v_order.id){
					   		v_tem=v_order
					   	}
					   })
					   uni.setStorageSync('orders_yu',this.orders)
					   return false
					}
					v_order.selectVoice_show=true
					v_order.selectVoice_close=false
					this.orders.map((order) => {
					  if(v_order.id==order.id){
						  order.meeting_Time=new Date().getTime() + 2 * 60 * 1000
						  order.meeting_endTime=v_order.meeting_endTime
						  order.meet_Status='pending'
						  order.intervalId=null
						  order.pollingIntervalId=null
						  order.pollings=null
						  order.countdown=''
						  order.initialCountdown=v_order.initialCountdown
						  order.matchingValue={}
					  }
					 
					});
					this.orderObject=v_order
				}
				if(this.type==2){
					let orderResult= await this.selectVoice_changeTime(v_order)
					if(orderResult==2||orderResult==-2){
					   v_order.selectTimes_show=true
					   clearInterval(v_order.intervalId);
					   clearInterval(v_order.pollingIntervalId);
					   v_order.intervalId=null
					   v_order.pollingIntervalId=null
					   v_order.selectVoice_showMeet=false
					   v_order.selectVoice_closeMeet=false
					   this.ordersMeet.map((v_tem)=>{
					   	if(v_tem.id==v_order.id){
					   		v_tem=v_order
					   	}
					   })
					   uni.setStorageSync('orders_shi',this.ordersMeet)
					   return false
					}
					v_order.selectVoice_showMeet=true
					v_order.selectVoice_closeMeet=false
					this.ordersMeet.map((order) => {
					  if(v_order.id==order.id){
						  order.meeting_Time=new Date().getTime() + 2 * 60 * 1000
						  order.meeting_endTime=v_order.meeting_endTime
						  order.meet_Status='pending'
						  order.intervalId=null
						  order.pollingIntervalId=null
						  order.pollings=null
						  order.countdown=''
						  order.initialCountdown=v_order.initialCountdown
						  order.matchingValue={}
					  }
					 
					});
					this.orderObjectMeet=v_order
				}
			},
			
			selectVoice_change(v_order){
				if(v_order.user_id!=this.user_id){
					uni.showModal({
						content:this.$t('暂无权限访问')
					})
					this.selectVoice_loading=true
					this.order.selectVoice_show=false
					return;
				}
				
				this.selectVoice_loading=true
				this.$u.api.user.cancel_confirm({
					id:v_order.id,
				}).then(res => {
					this.selectVoice_loading=false
					v_order.selectVoice_show=false
					clearInterval(v_order.intervalId);
					clearInterval(v_order.pollingIntervalId); 
					v_order.intervalId=null
					v_order.pollingIntervalId=null
						this.orders.forEach((order) => {
							if(order.id==v_order.id){
								clearInterval(order.intervalId); 
								clearInterval(order.pollingIntervalId); 
								order.intervalId=null
								order.pollingIntervalId=null
							}
						   });
					this.page=1
					this.initOrders()
					
					this.my_Liuyan()
				})
			},
			selectVoice_changeMeet(v_order){
				console.log(v_order);
				if(v_order.user_id!=this.user_id){
					uni.showModal({
						content:this.$t('暂无权限访问')
					})
					this.selectVoice_loading=true
					this.order.selectVoice_show=false
					return;
				}
				this.selectVoice_loading=true
				this.$u.api.user.cancel_confirm({
					id:v_order.id,
				}).then(res => {
					this.selectVoice_loading=false
					v_order.selectVoice_show=false
					clearInterval(v_order.intervalId);
					clearInterval(v_order.pollingIntervalId); 
					v_order.intervalId=null
					v_order.pollingIntervalId=null
						this.ordersMeet.forEach((order) => {
							if(order.id==v_order.id){
								clearInterval(order.intervalId); 
								clearInterval(order.pollingIntervalId); 
								order.intervalId=null
								order.pollingIntervalId=null
							}
						   });
					this.page=1
					this.initOrders()
					
					this.my_Liuyan()
				})
			},
		async	selectVoice_changewait(v_order){
					//this.enableScroll()
			       let orderResult= await this.selectVoice_changeTime(v_order)
				   if(orderResult==2||orderResult==-2){
					   v_order.selectTimes_show=true
					   v_order.selectVoice_close=false
					   this.orders.map((v_tem)=>{
					   	if(v_tem.id==v_order.id){
					   		v_tem=v_order
					   	}
					   })
					   return false
				   }
				   if(orderResult==1){
					   v_order.selectTimes_show=true
					   v_order.selectVoice_close=true
					   this.orders.map((v_tem)=>{
					   	if(v_tem.id==v_order.id){
					   		v_tem=v_order
					   	}
					   })
					   return false
				   }
				 //   if(orderResult==-1){
				 //   	v_order.selectVoice_closeMeet=false
				 //   	v_order.selectVoice_showMeet=false
					// this.orders.map((v_tem)=>{
					// 	if(v_tem.id==v_order.id){
					// 		v_tem=v_order
					// 	}
					// })
				 //   	this.selectRenChange(v_order)
				 //   	return false
				 //   }
				   v_order.selectVoice_close=false
				   v_order.selectVoice_show=false
				   v_order.meet_Status='pending'
				   v_order.matchingValue={}
				   clearInterval(v_order.intervalId);
				   clearInterval(v_order.pollingIntervalId); 
				   v_order.intervalId=null
				   v_order.pollingIntervalId=null
				   v_order.meeting_Time = Date.now() + 2 * 60 * 1000; 
				   this.orders.map((v_tem)=>{
				   	if(v_tem.id==v_order.id){
				   		v_tem=v_order
				   	}
				   })
				   this.startCountdowns(v_order);
				
			},
			selectVoice_changeTime(v_order){
				return new Promise((resolve,reject)=>{
					this.$u.api.user.timeout_confirm({
						id:v_order.id,
					}).then(res => {
						resolve(res)
					})
				})
				
			},
		async	selectVoice_changewaitMeet(v_order){
			    // this.enableScroll()
				let orderResult= await this.selectVoice_changeTime(v_order) //2是兼职打电话啦 1是无兼职接单 -1匹配到兼职人员，但是没有接单
				if(orderResult==2||orderResult==-2){
				   v_order.selectTimes_show=true
				   v_order.selectVoice_closeMeet=false
				   this.ordersMeet.map((v_tem)=>{
				   	if(v_tem.id==v_order.id){
				   		v_tem=v_order
				   	}
				   })
				   return false
				}
				if(orderResult==1){
				   v_order.selectTimes_show=true
				   v_order.selectVoice_closeMeet=true
				   this.ordersMeet.map((v_tem)=>{
				   	if(v_tem.id==v_order.id){
				   		v_tem=v_order
				   	}
				   })
				   return false
				}
				// if(orderResult==-1){
				// 	v_order.selectVoice_closeMeet=false
				// 	v_order.selectVoice_showMeet=false
				// 	this.ordersMeet.map((v_tem)=>{
				// 		if(v_tem.id==v_order.id){
				// 			v_tem=v_order
				// 		}
				// 	})
				// 	this.selectRenChangeMeet(v_order)
				// 	return false
				// }
				   v_order.selectVoice_closeMeet=false
				   v_order.selectVoice_showMeet=false
				   v_order.meet_Status='pending'
				   v_order.matchingValue={}
				   clearInterval(v_order.intervalId);
				   clearInterval(v_order.pollingIntervalId); 
				   v_order.intervalId=null
				   v_order.pollingIntervalId=null
				   v_order.meeting_Time = Date.now() + 2 * 60 * 1000; 
				   this.ordersMeet.map((v_tem)=>{
				   	if(v_tem.id==v_order.id){
				   		v_tem=v_order
				   	}
				   })
				   this.startCountdownsMeet(v_order);
				
			},
			 // 启动倒计时
			  async initOrders(v_show) {
				  let typeActionNum1=await this.meet_Liuyans(1)
				  this.typeActionNum1=typeActionNum1.length
				  let typeActionNum2=await this.meet_Liuyans(2)
				  this.typeActionNum2=typeActionNum2.length
				  if(this.type==1){
					  console.log('启动倒计时111')
					  this.orders= await this.meet_Liuyan()
					  if(this.orders.length==0)return false
					  
					  this.orders.forEach((order,index) => {
						  if(v_show==true&&index==0){
							    order.orderTimes_show=true
						  }
						if (order.meet_Status === 'pending') {
						  this.startCountdowns(order);
						}
						if (order.meet_Status === 'submit') {
						  this.manageCountdown(order);
						}
					  });
					 
					 
				  }
			      if(this.type==2){
					  console.log('启动倒计时222')
					  this.ordersMeet= await this.meet_Liuyan()
					  if(this.ordersMeet.length==0)return false
					  this.ordersMeet.forEach((order,index) => {
						  if(v_show==true&&index==0){
							   order.orderTimes_show=true
						  }
						if (order.meet_Status === 'pending') {
						  this.startCountdownsMeet(order);
						}
						if (order.meet_Status === 'submit') {
						  this.manageCountdownMeet(order);
						}
					  });
				  }
				  this.message_flag=await this.flag_Changes()
				},
				start_confirms(v_order){
					this.$u.api.user.start_confirm({
						id:v_order.id,
					}).then(res => {
						clearInterval(v_order.intervalId);
						clearInterval(v_order.pollingIntervalId);
						clearInterval(v_order.pollings); 
						v_order.intervalId=null
						v_order.pollingIntervalId=null
						v_order.pollings=null
						this.orders.forEach((order) => {
							if(v_order.id==order.id){
								order=v_order
								clearInterval(order.intervalId); 
								clearInterval(order.pollingIntervalId);
								clearInterval(order.pollings); 
								order.intervalId=null
								order.pollingIntervalId=null
								order.pollings=null
							}
						   });
						this.page=1
						this.initOrders()
					})
				},
				start_confirms1(v_order){
					this.$u.api.user.start_confirm({
						id:v_order.id,
					}).then(res => {
						clearInterval(v_order.intervalId);
						clearInterval(v_order.pollingIntervalId);
						clearInterval(v_order.pollings); 
						v_order.intervalId=null
						v_order.pollingIntervalId=null
						v_order.pollings=null
						this.orders.forEach((order) => {
							if(v_order.id==order.id){
								clearInterval(order.intervalId); 
								clearInterval(order.pollingIntervalId);
								clearInterval(order.pollings); 
								order.intervalId=null
								order.pollingIntervalId=null
								order.pollings=null
							}
						   });
					})
				},
				start_confirmsMeet(v_order){
					this.$u.api.user.start_confirm({
						id:v_order.id,
					}).then(res => {
						clearInterval(v_order.intervalId);
						clearInterval(v_order.pollingIntervalId);
						clearInterval(v_order.pollings); 
						v_order.intervalId=null
						v_order.pollingIntervalId=null
						v_order.pollings=null
						this.ordersMeet.forEach((order) => {
							if(v_order.id==order.id){
								order=v_order
								clearInterval(order.intervalId); 
								clearInterval(order.pollingIntervalId);
								clearInterval(order.pollings); 
								order.intervalId=null
								order.pollingIntervalId=null
								order.pollings=null
							}
						   });
						this.page=1
						this.initOrders()
					})
				},
				start_confirmsMeet1(v_order){
					this.$u.api.user.start_confirm({
						id:v_order.id,
					}).then(res => {
						clearInterval(v_order.intervalId);
						clearInterval(v_order.pollingIntervalId);
						clearInterval(v_order.pollings); 
						v_order.intervalId=null
						v_order.pollingIntervalId=null
						v_order.pollings=null
						this.ordersMeet.forEach((order) => {
							if(v_order.id==order.id){
								clearInterval(order.intervalId); 
								clearInterval(order.pollingIntervalId);
								clearInterval(order.pollings); 
								order.intervalId=null
								order.pollingIntervalId=null
								order.pollings=null
							}
						   });
					})
				},
				manageCountdown(order){
					const updateRemainingTimes = () => {
					    const now1 = Date.now();
					    const timeLeft1 = order.meeting_endTime - now1;
							if (timeLeft1 <= 0) {
							  order.meet_Status="complete"
							  clearInterval(order.pollings);
							  order.pollings=null
							  this.start_confirms()
							} else {
							  order.manageCount = this.formatTimes(timeLeft1);
							}	
					   };
					  // 定时更新倒计时
					  order.pollings = setInterval(updateRemainingTimes, 1000);
					  updateRemainingTimes();
				},
				   manageCountdownMeet(order){
					const updateRemainingTimesMeet = () => {
					    const now1 = Date.now();
					    const timeLeft1 = order.meeting_endTime - now1;
							if (timeLeft1 <= 0) {
							  order.meet_Status="complete"
							  clearInterval(order.pollings);
							  order.pollings=null
							  this.start_confirmsMeet()
							} else {
							  order.manageCount = this.formatTimes(timeLeft1);
							}	
					   };
					  // 定时更新倒计时
					  order.pollings = setInterval(updateRemainingTimesMeet, 1000);
					  updateRemainingTimesMeet();
				},
				checkOrderStatus1(v_order){ 
					return new Promise((resolve,reject)=>{
						this.$u.api.user.meeting_find({
							id:v_order.id,
						}).then(res => {
							resolve(res)
						})
					})
						
					
				},
			 // 启动倒计时
			     startCountdowns(order) {
			       const updateRemainingTime =  () => {
			         const now = Date.now();
			         const timeLeft = order.meeting_Time - now;
			         if (timeLeft <= 0) {
						  clearInterval(order.intervalId);
						  clearInterval(order.pollingIntervalId);
						  order.intervalId=null
						  order.pollingIntervalId=null
						  order.countdown=""
					      if(order.pollingIntervalId==null){
							 this.checkOrderStatus(order,true) 
						  }
			         } else {
			           order.countdown = this.formatTime(timeLeft);
			         }
			       };
				 const clearTimer = (order) => {
				    if (order.intervalId) {
				      clearInterval(order.intervalId);
				      order.intervalId = null;
				    } else if (order.pollingIntervalId) {
				      clearInterval(order.pollingIntervalId);
				      order.pollingIntervalId = null;
				    }
				  };
			       // 定时更新倒计时
			       order.intervalId = setInterval(updateRemainingTime, 1000);
			 
			       // 每 5 秒轮询检查接单状态
			      // order.pollingIntervalId = setInterval(() => this.checkOrderStatus(order, false), 5000);
				     order.pollingIntervalId = setInterval(() => {
				       const shouldStopPolling = this.checkOrderStatus(order, false);
				       if (shouldStopPolling) {
				         clearTimer(order);
				       }
				     }, 5000);
			       updateRemainingTime();
			     },
				 startCountdownsMeet(order) {
				   const updateRemainingTimeMeet =  () => {
				     const now = Date.now();
				     const timeLeft = order.meeting_Time - now;
				     if (timeLeft <= 0) {
					  clearInterval(order.intervalId);
					  clearInterval(order.pollingIntervalId);
					  order.intervalId=null
					  order.pollingIntervalId=null
					  order.countdown=''
					  if(order.pollingIntervalId==null){
						 this.checkOrderStatusMeet(order,true) 
					  }
				     } else {
				       order.countdown = this.formatTime(timeLeft);
				     }
				   };
				 const clearTimerMeet = (order) => {
				    if (order.intervalId) {
				      clearInterval(order.intervalId);
				      order.intervalId = null;
				    } else if (order.pollingIntervalId) {
				      clearInterval(order.pollingIntervalId);
				      order.pollingIntervalId = null;
				    }
				  };
				   // 定时更新倒计时
				   order.intervalId = setInterval(updateRemainingTimeMeet, 1000);
				 			 
				   // 每 5 秒轮询检查接单状态
				  // order.pollingIntervalId = setInterval(() => this.checkOrderStatus(order, false), 5000);
				     order.pollingIntervalId = setInterval(() => {
				       const shouldStopPolling = this.checkOrderStatusMeet(order, false);
				       if (shouldStopPolling) {
				         clearTimerMeet(order);
				       }
				     }, 5000);
				   updateRemainingTimeMeet();
				 },
			     // 格式化时间
			     formatTime(ms) {
			       const seconds = Math.floor(ms / 1000);
			       const minutes = Math.floor(seconds / 60);
			       const remainingSeconds = seconds % 60;
			       return `${minutes.toString().padStart(2, "0")}:${remainingSeconds
			         .toString()
			         .padStart(2, "0")}`;
			     },
				 formatTimes(ms) {
				   const seconds = Math.floor(ms / 1000);
				   const minutes = Math.floor(seconds / 60);
				   const hours = Math.floor(minutes / 60);  // 计算小时
				   const remainingMinutes = minutes % 60;  // 剩余的分钟数
				   const remainingSeconds = seconds % 60;  // 剩余的秒数
				 
				   // 格式化输出，确保每部分为两位数
				   return `${hours.toString().padStart(2, "0")}:${remainingMinutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`;
				 },
			server_tipsChange(v_item){
				this.evaluateCount=0
				this.server_tips=true
				this.serverDate=v_item
			},
			server_fabu(){
				if (this.evaluateCount == ''||this.evaluateCount == 0) {
					uni.showModal({
							content: this.$t('请对本次服务做出评价'),
							showCancel: false,
							confirmText: this.$t('确定'),
						})
						return false
				}
				this.evaluate_brand=(this.isActive1==true?'1':'0')+','+(this.isActive2==true?'1':'0')+','+(this.isActive3==true?'1':'0')
				this.evaluate_loading=true
				this.$u.api.basic.evaluate({
						id: this.serverDate.id,
						evaluate: this.evaluateCount,
						evaluate_brand:this.evaluate_brand
					}).then(res => {
							uni.showToast({
								title: this.$t("提交成功"),
								icon: "none"
							})
							this.server_tips=false
							this.evaluate_loading=false
							setTimeout(()=>{
								this.toggleItemClass(this.current)
							},300)
					})
			},
			toggleItemClass(index){
				console.log('this.current',index)
				this.current = index;
				this.page=1
				this.lists=[]
				this.my_Liuyan()
			},
			langsconfirm(e){
				console.log('langsconfirm',e)
					this.langs_startValue=e[0].label
					this.langs_endValue=e[1].label
				
			},
			jionList_select(){
				this.jionList_show=true
				this.jionListSelected=[...new Set([...this.jionListSelect])];
				this.disableScroll()
			},
			jionList_change(){
				this.jionList_show=false
				this.enableScroll()
			},
			fun_searchInput(event) {
				this.searchTimer && clearTimeout(this.searchTimer)
				this.searchTimer = setTimeout(() => {
					this.jionLists = []
					this.mescroll.resetUpScroll()
				})

			},
			//确定
			can_submit() {
				this.jionListSelect = [...new Set([...this.jionListSelected])];
				this.jionListSelect_name = this.jionListSelect.map(item => {
					return item.username
				}).join(",")
				this.jionListSelect_value = this.jionListSelect.map(item => {
					return item.id
				}).join(",")
				this.jionList_show = false
				this.enableScroll()
			},
			checkboxChange(e, v_key) {
				this.jionListSelected.splice(v_key, 1)
				this.jionLists && this.jionLists.map((item, index) => {
					if (item.id == e.id) {
						item.checked = !item.checked
					}
				})
			},
			checkboxGroupChange(v_tem) {
				this.jionLists.map((item, v_index) => {
					if(item.id==v_tem.id){
						item.checked=!item.checked
						if (item.checked == true) {
							this.jionListSelected.unshift(item)
						} else {
							let index = this.jionListSelected.findIndex(v => item.id == v.id)
							if(index != -1) this.jionListSelected.splice(index,1)
						}
					}
				})
				
			},
			upCallback(page) {
				setTimeout(() => {
					this.$u.api.user.meeting_search({
						page: page.num,
						keyword: this.keywords
					}).then(res => {
						console.log('meeting_search', res)
						if (!res.list) res.list = [];
						res.list && res.list.map((item) => {
							item.checked = false
							
							if(item.username==null||item.username_ru==null){
								item.username=item.mobile
								item.username_ru=item.mobile
							}
							if(item.avatar==null||item.avatar==''){
								item.avatar="/uploads/20250108/effab8e4c3fa83b4f9cbbab8fcee81f2.png"
							}
							if (this.lang == 'ru') item.username = item.username_ru
						})

						this.mescroll.endBySize(res.list.length, res.count); //必传参数(当前页的数据个数, 总数据量)

						//设置列表数据
						if (page.num == 1) this.jionLists = []; //如果是第一页需手动制空列表
						this.jionLists = this.jionLists.concat(res.list); //追加新数据
						this.jionLists && this.jionLists.map((v_key) => {
							this.jionListSelected.map((v_item) => {
								if (v_item.id == v_key.id) {
									v_key.checked = true
								}
							})
						})
					})
				}, 500)
			},
			meeting_jion() {
				if (uni.getStorageSync("user_id")) {
					if(this.platform=='android'){
						if (this.plat == 'app') {
							if (this.$refs.permissionMeet) {
								this.$refs.permissionMeet.checkRecordPermission()
								this.$refs.permissionMeet.checkPhotoPermission()
							}
							setTimeout(() => {
								if ((uni.getStorageSync('CAMERA_permission') == 1) && (uni.getStorageSync('record_permission') == 1)) {
									this.tan_flag = false
									this.meeting_show = true
								} else {
									this.tan_flag = true
								}
							}, 2000)
						}
					}else{
						this.meeting_show = true
					}

				} else {
					uni.showToast({
						title: this.$t('请先登录'),
						icon: "none"
					})
					this.meeting_show = false
					setTimeout(() => {
						this.$u.route('/pages/user/login/login')
					}, 2000)
				}
			},
			//确定加入
			fun_submit() {

				if (!this.meetingId) {
					uni.showModal({
						content: this.$t('请输入会议号'),
						showCancel: false,
						confirmText: this.$t('确定'),
					})
					return false
				}
				if (uni.getStorageSync("user_id")) {
					this.meeting_loading=true
					this.$u.api.user.meeting_check({
						id: this.meetingId
					}).then(res => {
						this.meeting_loading=false
						if (res == '') {
							uni.showModal({
								content: this.$t('暂无视频会议'),
								showCancel: false,
								confirmText: this.$t('确定'),
							})
							return false
						}
						if (res.not_started == 1) {
							uni.showModal({
								content: this.$t('会议未开始'),
								showCancel: false,
								confirmText: this.$t('确定'),
							})
							return false
						}
						if (res.status == 2) {
							uni.showModal({
								content: this.$t('暂无视频会议'),
								showCancel: false,
								confirmText: this.$t('确定'),
							})
							return false
						}
						if (res.end_time > 0) {
							uni.showModal({
								content: this.$t('会议已结束'),
								showCancel: false,
								confirmText: this.$t('确定'),
							})
							return false
						}
						
						let typeUrl = '/pages/user/meetingJion/meeting?'
						uni.navigateTo({
							url: typeUrl + 'meetingRoomId=' + this.meetingId + '&startMeetingId=' + res
								.user_id
						})
						this.meeting_show = false
					})
				} else {
					uni.showToast({
						title: this.$t('请先登录'),
						icon: "none"
					})
					this.meeting_show = false
					setTimeout(() => {
						this.$u.route('/pages/user/login/login')
					}, 2000)
				}
			},
			jon_submit(v_item) {
				if(this.platform=='android'){
				if (this.plat == 'app') {
					if (this.$refs.permissionMeet) {
						this.$refs.permissionMeet.checkRecordPermission()
						this.$refs.permissionMeet.checkPhotoPermission()
					}
					setTimeout(() => {
						if ((uni.getStorageSync('CAMERA_permission') == 1) && (uni.getStorageSync(
								'record_permission') == 1)) {
							this.tan_flag = false
						} else {
							this.tan_flag = true
							return false
						}
					}, 2000)
				}
				}
				if (uni.getStorageSync("user_id")) {
					let typeUrl = '/pages/user/meetingJion/meeting?'
					uni.navigateTo({
						url: typeUrl + 'meetingRoomId=' + v_item.id + '&startMeetingId=' + v_item.user_id
					})
				} else {
					uni.showToast({
						title: this.$t('请先登录'),
						icon: "none"
					})
					setTimeout(() => {
						this.$u.route('/pages/user/login/login')
					}, 2000)
				}

			},
		async	typeAction(i) {
				console.log('this.typeAction',i)
				if (i == 1) {
					this.lang_img = "/static/images/service/lang_white.png"
					this.video_img = "/static/images/service/video_blue.png"
				} else {
					this.lang_img = "/static/images/service/lang_blue.png"
					this.video_img = "/static/images/service/video_white.png"
				}
				this.type = i
				this.langs_startValue=''
				this.langs_endValue=''
				this.meetingHours=''
				this.meetingHoursValue=''
				this.array4_value=''
				this.array4_name=''
				
				 this.page=1
				 let typeActionNum1=await this.meet_Liuyans(1)
				 this.typeActionNum1=typeActionNum1.length
				 let typeActionNum2=await this.meet_Liuyans(2)
				 this.typeActionNum2=typeActionNum2.length
				 this.initOrders()
				 this.my_Liuyan()
				// this.cate()
			},
			cate() {
				this.$u.api.basic.cate({
					type: 'meeting'
				}).then(res => {
					console.log('meeting',res)
					res&&res.map((item)=>{
					item.label=this.lang=='zh'?item.name:item.name_ru,
					item.value=item.id
					})
				this.array2=res
				this.array2_name=this.array2[0].label
				this.array2_value=this.array2[0].value
			})
			},
			zhuanye() {
				this.$u.api.basic.cate({
					type: 'professional'
				}).then(res => {
					res.map((item)=>{
					item.label=this.lang=='zh'?item.name:item.name_ru,
					item.value=item.id
					})
				this.array3=res
				this.array3_name=this.array3[0].label
				this.array3_value=this.array3[0].value
				})
			},
			my_Liuyan() {
				this.$u.api.basic.my_Liuyan({
					page: this.page,
					user_id: uni.getStorageSync('user_id'),
					nowlang: getApp().globalData.lang,
					type:this.current+1,
					today:0
				}).then(res => {
					console.log('asdasdasdasds1111',res)
					if (this.page == 1) {
						this.lists = res
					} else {
						var list1 = res
						if (res) {
							this.lists = [...this.lists, ...list1]
						}
					}
					console.log('asdasdasdasds',this.lists)

				})
			},
			scrolltolowers(e) {
				if (this.lists.length === 0) {
					return
				}
				this.page++
				this.my_Liuyan()
			},
			bindPickerChange(eventType,event,v_name,v_value) {
				console.log('bindPickerChange',eventType,event,v_name,v_value)
				this.$data[v_value]=event[0].value
				this.$data[v_name]=event[0].label
			}, 
			pickerConfirm(eventType,event,v_name,v_value,v_array) {
				console.log('pickerConfirm',eventType,event,v_name,v_value,v_array)
				this.$data[v_value]=event[0]
				this.$data[v_name]=this.$data[v_array][event[0]].label  
			}, 
			handelePicker(e) {
				console.log('handelePicker',e[0])
				this.array2_value=e[0]
				this.array2_name=this.lang=='zh'?this.array2[e[0]].name:this.array2[e[0]].name_ru
			}, 
			isRussianTextLessThanChars(text) {
			    const nonLatinRegex = /[^\u0000-\u007F]/g;
			    const russianCharCount = (text.match(nonLatinRegex) || []).length;
			    return text.length + russianCharCount < 10;
			},
			payMentChange(){
					let paramsDate={
						user_id:this.userinfo.user_id,
						score_unit:this.prices_Value,
						minute:this.array4_value,
						start_time:this.type==1?0:this.meetingHoursValue,
						is_real_time:this.type==1?1:0,
						type:this.type
					}
					this.$u.api.user.meeting_submint(paramsDate).then((res) => {
						console.log('11111111',res)
						this.meeting_startTime=res.date
						this.meeting_score_total=res.score_total
						this.meeting_score=res.my_score
						this.payment_show=true
					})
			},
			payMentChanges(){
				return new Promise((resolve,reject)=>{
					let paramsDate={
						user_id:this.userinfo.user_id,
						score_unit:this.prices_Value,
						minute:this.array4_value,
						start_time:this.type==1?0:this.meetingHoursValue,
						is_real_time:this.type==1?1:0,
						type:this.type
					}
					this.$u.api.user.meeting_submint(paramsDate).then((res) => {
						console.log('2222',res)
						resolve(res)
					})
				})
			},
			flag_Changes(){
				return new Promise((resolve,reject)=>{
					this.$u.api.user.flag_confirm().then((res) => {
						console.log('2222',res)
						resolve(res.message_flag)
					})
				})
			},
		async payment_submint(){
			    var that = this
				let result=await this.payMentChanges()
				console.log('result',result)
				if(result.score_total > result.my_score){
					uni.showToast({
						title: this.$t("请充值积分"),
						icon: "none"
					})
					return;
				}
				this.payment_loading=true
				uni.request({
					url: HTTP_REQUEST_URL + "/crontab/message_board",
					method:"POST",
					data: {
						user_id: uni.getStorageSync("user_id"),
						mobile: uni.getStorageSync("mobile"),
						lang: uni.getStorageSync("lang"),
						content: that.chatMessage,
						type: that.type,
						request_lang: (that.langs_startValue+'-'+that.langs_endValue),
						attend_user_ids:that.type==2?that.jionListSelect_value:'',
						meeting_id: that.type==2?that.array2_value:'',
						professional_id: that.array3_value,
						duration:that.array4_value,
						start_time:that.meeting_startTime,
						start_timeValue:that.type==1?0:this.meetingHoursValue,
						prices_Value:that.prices_Value,
						city_value:that.type==1?that.city_value:'',
						is_real_time:that.type==1?1:0,
						needLogin:true ,		
					},
					header: {
						xzdToken: uni.getStorageSync("xzdToken")
					},
					success: res => {
						console.log('1111111111',res)
						
						this.payment_loading=false
						this.payment_show=false
						if (uni.getStorageSync("user_id")) {
							if (res.data.code == 1) {
								uni.showToast({
									title: this.$t('提交成功'),
									icon: "none"
								})
								
								 //this.chatMessageModalIsShow = true;
								// this.$refs.messageModal.startCountDown()
								try {
								      that.jionListSelect_value=''
								      that.jionListSelect_name=''
								      that.jionListSelect=''
								      that.jionListSelected=''
								      that.page=1
									  that.chatMessage = ""
								      that.initOrders(true)
									  that.my_Liuyan()
								    
								    } catch (error) {
								      console.error('捕获到错误:', error);
								    }
							} else {
								uni.showToast({
									title: this.$t(res.data.msg),
									icon: "none"
								})
								// if (uni.getStorageSync('off')) {
								// 	setTimeout(function() {
								// 		that.$u.route('/pages/user/my-integral/BuyPoints')
								// 	}, 2000)
								// }
							}
				
						} else {
							uni.showToast({
								title: this.$t('请先登录'),
								icon: "none"
							})
							setTimeout(function() {
								that.$u.route('/pages/user/login/login')
							}, 2000)
						}
						this.isOpenAcc = false;
				
					},
					fail() {
						this.payment_show=false
						this.payment_loading=false
						uni.showToast({
							title: this.$t("提交失败"),
							icon: "none"
						})
						this.isOpenAcc = false;
					}
				})
			},
			payMent_buy(){
				this.$u.route('/pages/user/my-integral/BuyPoints')
			},
			    // 滚动到指定的元素
		   scrollToElement(targetId) {
			      const query = uni.createSelectorQuery().in(this);  // 获取当前页面的查询实例
			      query.select(`#${targetId}`).boundingClientRect(rect => {
					console.log('rect',rect)
			        if (rect) {
			          uni.pageScrollTo({
			            scrollTop: rect.top,  // 滚动到目标元素的顶部
			            duration: 200  // 滚动动画的持续时间
			          });
			        }
			      }).exec();
			    },
		   async sub() {
				var that = this
				if (that.langs_startValue==''&&that.langs_endValue=='') {
					uni.showToast({
						title: this.$t("请选择语言种类"),
						icon: "none"
					})
					return;
				}
				if (that.type == 2&&that.meetingHoursValue==null) {
					uni.showToast({
						title: this.$t("请选择会议开始时间"),
						icon: "none"
					})
					return;
				}
				if (that.type == 2&&that.jionListSelect.length==0) {
					uni.showToast({
						title: this.$t("请选择参会人员"),
						icon: "none"
					})
					return;
				}
				if (that.type == 1&&that.array4_value=='') {
					uni.showToast({
						title: this.$t("请选择语音时长"),
						icon: "none"
					})
					return;
				}
				if (that.type == 2&&that.array4_value=='') {
					uni.showToast({
						title: this.$t("请选择会议时长"),
						icon: "none"
					})
					return;
				}
				// if (!that.chatMessage) {
				// 	uni.showToast({
				// 		title: this.$t("请描述遇到的问题"),
				// 		icon: "none"
				// 	})
				// 	return;
				// }
				// if (that.lang=='zh'&&that.chatMessage&&that.chatMessage.length<10) {
				// 	uni.showToast({
				// 		title: this.$t("最少10个字"),
				// 		icon: "none"
				// 	})
				// 	return;
				// }
				// //校验俄罗斯字符
				// if (that.lang=='ru'&&that.chatMessage&&that.isRussianTextLessThanChars(that.chatMessage)) {
				// 	uni.showToast({
				// 		title: this.$t("最少10个字"),
				// 		icon: "none"
				// 	})
				// 	return;
				// }
				this.submit_loading=true
				setTimeout(()=>{
					this.submit_loading=false
				},1500)
				await this.payMentChange()
			}
		}
	}
</script>

<style lang="less" scoped>
	uni-checkbox /deep/.uni-checkbox-input.uni-checkbox-input-checked {
	    color: red !important
	}
	* {
		word-break: break-word;
	}

	page {
		background-color: rgb(239, 239, 239);
	}
	.width-allself{
		width: 50%;
	}
	.history_img{
		width: 40rpx;
		height: 40rpx;
	}
	.top {
		width: 100%;
	}
	.item_styles{
		padding: 12rpx 30rpx;
		border-radius: 30rpx;
		border: 1rpx solid #999;
		color: #999;
		text-align: center;
	}
	.item_styles_ru{
		padding: 12rpx 0rpx;
		border-radius: 30rpx;
		border: 1rpx solid #999;
		width: 200rpx;
		color: #999;
		text-align: center;
	}
	.item_style_add{
		background-color: #007AFF;
		border: 1rpx solid #007AFF;
		color: #fff;
	}
	.img {
		width: 100%;
		height: 100%;
	}

	.middle {
		width: 100%;
		
	}
	.meeting_box_img{
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 24rpx;
		height: 26rpx;
		font-size: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
	}
	.center_box{
		background-repeat: no-repeat;
		background-size: 100% 100%;
		font-size: 12px;
		display: inline-block;
		color: #000;	
	    padding-top: 10px;
	}
	.center_boxs{
		background-repeat: no-repeat;
		background-size: 100% 100%;
		font-size: 12px;
		display: inline-block;
		color: #000;
		width: 100%;
	}
	.center_box_top{
		font-size: 18px;
		padding-left: 30px;
		height: 50px;
	}
	.center_box_tops{
		font-size: 18px;
		padding:0 30rpx;
	}
	.center_box_center{
		display: flex;
		padding-left: 30px;
	}
	.center_box_centers{
		display: flex;
		padding: 30rpx;
	}
	.center_box_bottom{
		padding-left: 20px;
		padding-right: 6px;
	}
	
	.center_box_bottomleft{
		background-color: #FF534D;
		color: #fff;
		padding: 12px 0;
		font-size: 12px;
		text-align: center;
		border-bottom-left-radius: 8px
	}
	.center_box_bottomleftru{
		background-color: #FF534D;
		color: #fff;
		font-size: 12px;
		height: 80rpx;
		text-align: center;
		border-bottom-left-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.center_box_bottomleft1{

		width: 70%;
	}
	.center_box_bottomleft2{
		width: 33%;

	}
	.center_box_bottomright{
		color: #fff;
		padding: 12px 0;
		font-size: 12px;
		text-align: center;
		border-bottom-right-radius: 8px;
	}
	.center_box_bottomrights{
		color: #fff;
		font-size: 12px;
		text-align: center;
		border-bottom-right-radius: 8px;
	}
	.center_box_bottomright1{
		width: 100%;
		border-bottom-right-radius: 8px;
	}
	.center_box_bottomright2{
		width: 70%;
		border-bottom-right-radius: 8px;
	}
	.center_box_img{
		background-image: url(/static/images/user/newUI/yuyin.png);
	}
	.center_box_imgs{
		
	}
	.center_box_imgs1{
		background-image: url(/static/images/user/newUI/huiyi1.png);
	}
	.center_box_img1{
		background-image: url(/static/images/user/newUI/huiyi.png);
	}
	.center_box_imgnone{
		background-image: url(/static/images/user/newUI/huiyinone.png);
	}
	.meeting_complette{
		background-image: url(/static/images/user/newUI/jiaobiao.png);
		font-size: 10px;
	}
	.meeting_close{
		background-image: url(/static/images/user/newUI/jiaoclose.png);
		font-size: 10px;
	}
	.meeting_dai{
		background-image: url(/static/images/user/newUI/jiaodai.png);
		font-size: 10px;
	}
	.ping_box /deep/.u-mode-center-box{
		background-image: url(/static/images/user/newUI/pingjia.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 32rpx;
	}
	.ping_box /deep/.uni-scroll-view{
		overflow: visible !important;
	}
	.jionMeeting_box /deep/.u-mode-center-box{
		background-image: url(/static/images/user/newUI/pingjia.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 32rpx;
	}
	.jionMeeting_box /deep/.uni-scroll-view{
		overflow: visible !important;
	}
	
	.selectOrder_box /deep/.u-mode-center-box{
		background-image: url(/static/images/user/newUI/endtimes.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 32rpx;
	}
	.selectOrder_box /deep/.uni-scroll-view{
		overflow: visible !important;
	}
	.orderTimes_boxs /deep/.u-mode-center-box{
		border-radius: 32rpx;
		background-image: url(/static/images/user/newUI/yuyin1.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.orderTimes_boxs /deep/.uni-scroll-view{
		overflow: visible !important;
	}
	.orderTimes_boxs1 /deep/.u-mode-center-box{
		border-radius: 32rpx;
		background-image: url(/static/images/user/newUI/huiyi1.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.orderTimes_boxs1 /deep/.uni-scroll-view{
		overflow: visible !important;
	}
	.selectVoice_box /deep/.u-mode-center-box{
		background-image: url(/static/images/user/newUI/pingjia.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 32rpx;
	}
	.selectVoice_box /deep/.uni-scroll-view{
		overflow: visible !important;
	}
	.selectVoice_boxs /deep/.u-mode-center-box{
		background-image: url(/static/images/user/newUI/pingjia.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 32rpx;
	}
	.selectVoice_boxs /deep/.uni-scroll-view{
		overflow: visible !important;
	}
	.selectMeeting_box /deep/.u-mode-center-box{
		background-image: url(/static/images/user/newUI/pingjia.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 32rpx;
	}
	.selectMeeting_box /deep/.uni-scroll-view{
		overflow: visible !important;
	}
	.middle_title {
		width: 50%;
		margin-left: 25%;
		display: flex;
	}

	.title_left {
		width: 15%;
		margin-top: 20rpx;
	}

	.title_right {
		width: 15%;
		margin-top: 20rpx;
	}

	.title {
		width: 60%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.title_ru {
		width: 90%;
		margin: auto;
		margin-top: 20rpx;
	}

	.center {
		border-radius:18rpx;
		background-color: #ffffff;
		margin-top: 24rpx;
		margin: 0 20rpx;
		padding-bottom: 20rpx
	}

	.nav_on {
		background-image: linear-gradient(to bottom, #4BADFD, #2B61EB);
		border-radius: 18rpx;
		margin-top: 40rpx;
		width: 40%;
		float: left;
		display: flex;
		box-shadow: 0px 4rpx 10rpx 0px #004CFF;
	}

	.lang_white {
		width: 25px;
		height: 25px;
		flex-shrink: 0;
	}

	.nav_on .nav_text {
		color: #ffffff;
		font-size: 28rpx;
		margin-left: 5px;
	}
	.nav_on .nav_text1 {
		color: #ffffff;
		font-size: 12px;
	}
	.nav {
		background: #FFFFFF;
		border-radius: 18rpx;
		margin-top: 40rpx;
		width: 40%;
		float: left;
		display: flex;
		box-shadow: 0px 4rpx 10rpx 0px #EDEDED;
		float: left;
	}

	.nav .nav_text {
		color: #000000;
		font-size: 28rpx;
		margin-left: 5px;
	}
	.nav .nav_text1 {
		color: #000000;
		font-size: 12px;
	}
	.clear {
		clear: both;
	}
	.meeting_ping{
		display: flex;
		width:33%;
		background-image: linear-gradient(to right, #B9E2FF, #0295FA);
		justify-content: center;
		padding:4rpx 18rpx;
		border-top-right-radius: 14rpx;
		border-bottom-left-radius: 14rpx;
		border-top-left-radius: 7rpx;
		border-bottom-right-radius: 7rpx;
		font-size: 10px;
		align-items: center;
	}
	.meeting_pingp{
		display: flex;
		background-color: #DADADA;
		justify-content: center;
		padding:4rpx 18rpx;
		border-top-right-radius: 14rpx;
		border-bottom-left-radius: 14rpx;
		border-top-left-radius: 7rpx;
		border-bottom-right-radius: 7rpx;
		font-size: 10px;
		align-items: center;
	}
	.meeting_add {
		background-image: linear-gradient(to right, #B9E2FF, #0295FA);
	}
	.linearGradient{
		background-image: linear-gradient(to bottom, #4BADFD, #2B61EB);
	}
	.zhuanhuan {
		background-color: #004CFF;
		width: 30px;
		height: 30px;
		border-radius: 50px;
		margin-top: 5px;
		margin: 0 24rpx;
	}

	.zhuanhuan_img {
		width: 15rpx;
		height:30rpx;
	}

	.flex-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.lang_view {
		background-color: #F0F2F5;
		border-radius: 30rpx;
		font-size: 26rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 24rpx;
		min-width: 160rpx;
	}

	.textareas {
		width: 100%;
		padding: 15px;
		font-size: 26rpx;
		height: 100px !important;
		box-sizing: border-box;
	}
	.subp {
		background-image: linear-gradient(to right, #B9E2FF, #0295FA);
		text-align: center;
		color: #ffffff;
		margin: auto;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.subOrder{
		background-image: linear-gradient(to bottom, #FFA28D, #FF342A);
		text-align: center;
		color: #ffffff;
		margin: auto;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.sub {
		background-image: linear-gradient(to bottom, #4BADFD, #2B61EB);
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #ffffff;
		margin: auto;
		margin-top: 15px;
		margin-bottom: 10px;
		border-radius: 10px;
	}

	.subs {
		padding: 0 30px;
		background-image: linear-gradient(to bottom, #4BADFD, #2B61EB);
		text-align: center;
		color: #ffffff;
		margin: auto;
		margin-top: 15px;
		margin-bottom: 10px;
		border-radius: 10px;
		height: 50px;
		line-height: 50px;
	}

	.video_kuang {
		padding: 0 30rpx;
		margin-top: 20px;
		color: #666;
		font-weight: 400;
	}

	.video_select {
		color: #666;
		text-align: center;
		font-size: 14px;
		padding: 20rpx 0;
	}

	.lishi {
		width: 100%;
		display: flex;
		align-items: center;
		height: 50px;
		font-size: 18px;

		image {
			margin-right: 8rpx;
		}
	}

	.footer {
		border-radius: 24rpx;
		margin-top: 24rpx;
		width: 100%;
		color: #3d3d3d;
		word-break: break-all;
	}
	.footWan{
		background-color: rgba(224, 242, 255, 0.60)
	}
	.footClose{
		background-color: rgba(255, 234, 233, 0.60)
	}
	.footWait {
		background-color: rgba(184, 255, 223, 0.60)
	}
	.video_select2 {
		text-align: left;
		width: 100%;
		padding: 20rpx 0;
	}

	.tab-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;

		.free-once {
			position: absolute;
			background-color: #FCEEBB;
			color: #745343;
			border-radius: 30rpx 0 30rpx 0;
			padding: 8rpx 20rpx;
			right: 0;
			top: 0;
			transform: translateY(-50%);
			font-size: 22rpx;
		}

		.free-once-ru {
			transform: translateY(-100%);
		}

		.item {
			width: 48%;
			word-break: break-all;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 20rpx 30rpx;
			box-sizing: border-box;
			position: relative;
		}
		.item1 {
			width: 48%;
			word-break: break-all;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 20rpx 20rpx;
			box-sizing: border-box;
			position: relative;
		}
		.lang_white {
			margin-right: 16rpx;
		}
	}

	.first-info {
		width: 100%;
		text-align: left;
		border-bottom: 1px dashed #cccccc;
		display: flex;
		justify-content: space-between;
		line-height: 40rpx;
	}

	.star {
		display: flex;
		width: 100%;

		image {
			margin-right: 8rpx
		}
	}

	.label {
		min-width: 130rpx;
		font-size: 28rpx;
		text-align: left;
	}

	.flex {
		display: flex;
		align-items: center;
	}

	.column {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;

		.flex {
			width: 100%;
			padding: 10rpx 0;
		}

		.form-right {
			width: 100%;
		}
	}

	.label_ru {
		min-width: 200rpx;
	}

	.red {
		color: red;
		margin-right: 8rpx;
	}

	.between {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.form-right {
		width: 50%;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
	}

	.form-control {
		height: 100rpx;
		//padding: 24rpx 0;
		//border-bottom: 1px solid #D8D8D8;
	}

	.item_block2 {
		padding: 0 40rpx;
		height: 60rpx;
		border-radius: 60rpx;
		background: #004CFF;
		font-size: 24rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 60rpx;
	}
	.width-self{
		width: 50%;
	}
	/deep/.content{
	  margin: 0
	}
	.no-icon{ 
		/deep/.u-input__right-icon{
			display: none!important
		}
	}

	/deep/.u-form-item--left__content__label {
		word-wrap: break-word;
		word-break: break-all;
	}

	// /deep/.uni-input-input, .uni-input-placeholder{
	// 	color:#999999 !important;
	// 	font-size: 24rpx !important;
	// 	font-weight: 300 !important;
	// }
</style>